Enhanced mobile navbar

This commit is contained in:
AntoineD 2023-10-04 21:53:26 +02:00 committed by Laura Hausmann
parent 919fcd8730
commit 17e9ee0217
No known key found for this signature in database
GPG key ID: D044E84C5BE01605

View file

@ -672,7 +672,7 @@ console.log(mainRouter.currentRoute.value.name);
color: var(--fg); color: var(--fg);
&:active { &:active {
background-color: var(--accentedBg); background-color: var(--panelHighlight);
background-size: 100%; background-size: 100%;
transition: background 0.1s; transition: background 0.1s;
} }
@ -680,13 +680,13 @@ console.log(mainRouter.currentRoute.value.name);
> .button-wrapper { > .button-wrapper {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
padding: 4px 0;
&.on { &.on {
background-color: var(--accentedBg); background-color: var(--focus);
width: 100%; width: 100%;
border-radius: 999px; border-radius: 999px;
transform: translateY(-0.5em); transition: all 0.4s ease-in-out;
transition: all 0.2s ease-in-out;
} }
> .indicator { > .indicator {