From 012f2f874fbba08d561d17ddafef553b274950e0 Mon Sep 17 00:00:00 2001 From: Daniel Brendel Date: Tue, 15 Nov 2022 22:51:02 +0100 Subject: [PATCH] Improvements --- app/resources/sass/app.scss | 32 ++++++++++++++++++++++++++++++++ app/views/navbar.php | 10 +++++----- public/js/app.js | 2 +- 3 files changed, 38 insertions(+), 6 deletions(-) diff --git a/app/resources/sass/app.scss b/app/resources/sass/app.scss index 13c62b6..9dd673e 100644 --- a/app/resources/sass/app.scss +++ b/app/resources/sass/app.scss @@ -13,6 +13,37 @@ body { background-color: rgb(25, 40, 55); } +.navbar { + background-color: rgba(255, 255, 255, 0.0); +} + +a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active { + background-color: rgba(255, 255, 255, 0.0) !important; + color: rgb(180, 180, 180) !important; +} + +.navbar-item, .navbar-burger, .navbar-link { + color: rgb(190, 190, 190); +} + +.navbar-dropdown { + background-color: rgb(50, 50, 48); +} + +.navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: rgba(0, 0, 0, 0.0); +} + +@media screen and (max-width: 1087px) { + .navbar-menu { + background-color: rgb(50, 50, 48); + } +} + +a.navbar-burger:hover { + color: rgb(200, 200, 200); +} + .navbar-start { @media screen and (min-width: 1088px) { flex-grow: 1; @@ -41,6 +72,7 @@ body { .content-section { padding: 20px; + color: rgb(150, 150, 150); } .content-centered { diff --git a/app/views/navbar.php b/app/views/navbar.php index f8416fa..8d706ea 100644 --- a/app/views/navbar.php +++ b/app/views/navbar.php @@ -13,23 +13,23 @@