Added .active classes for buttons in navmenu

This commit is contained in:
Niko 2022-02-11 17:00:56 +01:00
parent 42bf9720c9
commit 3b9c557d8e
2 changed files with 7 additions and 2 deletions

View File

@ -41,8 +41,13 @@ main {
font-size: 1.8em;
color: #fb79ff;
}
#nav-meet.active { background: linear-gradient(#fb79ff3d, transparent, transparent, transparent) }
#nav-crushes .fa { color: #ff5f5f }
#nav-crushes.active { background: linear-gradient(#ff5f5f40, transparent, transparent, transparent) }
#nav-chat .fa { color: #62c672 }
#nav-chat.active { background: linear-gradient(#62c6723b, transparent, transparent, transparent) }
#app-container {
max-width: 60em;

View File

@ -13,11 +13,11 @@ body.app {
}
.button:hover {
background: #0000000a;
background: #0000000a !important;
}
.button:active,
.button:focus {
background: #00000024;
background: #00000024 !important;
}
.component.button .fa {