css changes
This commit is contained in:
parent
b9d5d4e277
commit
1b42b88c31
1 changed files with 14 additions and 12 deletions
|
|
@ -275,10 +275,11 @@ body {
|
|||
}
|
||||
|
||||
.nav-icon-img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
object-fit: contain;
|
||||
pointer-events: none;
|
||||
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.nav-button:hover .nav-icon {
|
||||
|
|
@ -290,16 +291,17 @@ body {
|
|||
}
|
||||
|
||||
.nav-button.active .nav-icon {
|
||||
color: rgb(var(--accent-light-rgb));
|
||||
background: linear-gradient(135deg,
|
||||
rgba(var(--accent-rgb), 0.25) 0%,
|
||||
rgba(var(--accent-light-rgb), 0.18) 100%);
|
||||
border: 1px solid rgba(var(--accent-rgb), 0.3);
|
||||
font-weight: 700;
|
||||
box-shadow:
|
||||
0 0 12px rgba(var(--accent-rgb), 0.3),
|
||||
0 2px 6px rgba(var(--accent-rgb), 0.2),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.12);
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nav-button.active .nav-icon-img {
|
||||
width: 43px;
|
||||
height: 43px;
|
||||
filter: drop-shadow(0 0 8px rgba(var(--accent-rgb), 0.5));
|
||||
}
|
||||
|
||||
.nav-text {
|
||||
|
|
|
|||
Loading…
Reference in a new issue