style(navigation): small stylings
This commit is contained in:
@@ -16,7 +16,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</p-card>
|
</p-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="options flex flex-row gap-[10px]">
|
<div class="options flex flex-row gap-[10px] items-center">
|
||||||
@if (themeSwitchService.darkMode()) {
|
@if (themeSwitchService.darkMode()) {
|
||||||
<div class="dark-mode size-[50px]" (click)="themeSwitchService.switchToLight()">
|
<div class="dark-mode size-[50px]" (click)="themeSwitchService.switchToLight()">
|
||||||
<fa-icon [icon]="faMoon"/>
|
<fa-icon [icon]="faMoon"/>
|
||||||
|
|||||||
@@ -8,11 +8,11 @@ nav {
|
|||||||
transition: border .5s ease;
|
transition: border .5s ease;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: var(--surface-100);
|
border-color: var(--content-hover-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
border-color: var(--surface-500);
|
border-color: var(--content-border-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user