From 198992049629c0c49cc696d7de38a205f7cd5273 Mon Sep 17 00:00:00 2001 From: 0ceanSlim Date: Mon, 5 Feb 2024 16:35:43 -0500 Subject: [PATCH] styling changes --- static/style/output.css | 76 +++++++++++++++++++---------------------- templates/.layout.html | 2 +- templates/app.html | 10 +++--- 3 files changed, 42 insertions(+), 46 deletions(-) diff --git a/static/style/output.css b/static/style/output.css index 3e43150..393898a 100644 --- a/static/style/output.css +++ b/static/style/output.css @@ -540,40 +540,6 @@ video { --tw-backdrop-sepia: ; } -.container { - width: 100%; -} - -@media (min-width: 640px) { - .container { - max-width: 640px; - } -} - -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} - -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - -@media (min-width: 1536px) { - .container { - max-width: 1536px; - } -} - .static { position: static; } @@ -665,14 +631,29 @@ video { border-color: rgb(20 184 166 / var(--tw-border-opacity)); } -.bg-slate-700 { - --tw-bg-opacity: 1; - background-color: rgb(51 65 85 / var(--tw-bg-opacity)); +.border-purple-600 { + --tw-border-opacity: 1; + border-color: rgb(147 51 234 / var(--tw-border-opacity)); } -.bg-slate-800 { - --tw-bg-opacity: 1; - background-color: rgb(30 41 59 / var(--tw-bg-opacity)); +.border-purple-500 { + --tw-border-opacity: 1; + border-color: rgb(168 85 247 / var(--tw-border-opacity)); +} + +.border-purple-400 { + --tw-border-opacity: 1; + border-color: rgb(192 132 252 / var(--tw-border-opacity)); +} + +.border-orange-400 { + --tw-border-opacity: 1; + border-color: rgb(251 146 60 / var(--tw-border-opacity)); +} + +.border-slate-400 { + --tw-border-opacity: 1; + border-color: rgb(148 163 184 / var(--tw-border-opacity)); } .bg-slate-900 { @@ -680,6 +661,21 @@ video { background-color: rgb(15 23 42 / var(--tw-bg-opacity)); } +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +.bg-neutral-800 { + --tw-bg-opacity: 1; + background-color: rgb(38 38 38 / var(--tw-bg-opacity)); +} + .p-2 { padding: 0.5rem; } diff --git a/templates/.layout.html b/templates/.layout.html index 38857d5..e5fb217 100644 --- a/templates/.layout.html +++ b/templates/.layout.html @@ -7,7 +7,7 @@ {% block head %}{% endblock %} - + {% block body %} {% endblock %} {% for file in js_files %} diff --git a/templates/app.html b/templates/app.html index 281b3d5..d1ab5d3 100644 --- a/templates/app.html +++ b/templates/app.html @@ -21,7 +21,7 @@