css changes

This commit is contained in:
Broque Thomas 2026-03-09 18:15:42 -07:00
parent b9d5d4e277
commit 1b42b88c31

View file

@ -275,10 +275,11 @@ body {
} }
.nav-icon-img { .nav-icon-img {
width: 32px; width: 38px;
height: 32px; height: 38px;
object-fit: contain; object-fit: contain;
pointer-events: none; pointer-events: none;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
} }
.nav-button:hover .nav-icon { .nav-button:hover .nav-icon {
@ -290,16 +291,17 @@ body {
} }
.nav-button.active .nav-icon { .nav-button.active .nav-icon {
color: rgb(var(--accent-light-rgb)); width: 45px;
background: linear-gradient(135deg, height: 45px;
rgba(var(--accent-rgb), 0.25) 0%, background: transparent;
rgba(var(--accent-light-rgb), 0.18) 100%); border: none;
border: 1px solid rgba(var(--accent-rgb), 0.3); box-shadow: none;
font-weight: 700; }
box-shadow:
0 0 12px rgba(var(--accent-rgb), 0.3), .nav-button.active .nav-icon-img {
0 2px 6px rgba(var(--accent-rgb), 0.2), width: 43px;
inset 0 1px 0 rgba(255, 255, 255, 0.12); height: 43px;
filter: drop-shadow(0 0 8px rgba(var(--accent-rgb), 0.5));
} }
.nav-text { .nav-text {