style: add hover colour to setting menu
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
This commit is contained in:
parent
ccd1546376
commit
4a347169db
1 changed files with 7 additions and 1 deletions
|
@ -20,7 +20,7 @@
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
<NuxtLink id="settings-menu" href="/settings">
|
<NuxtLink id="settings-menu" href="/settings">
|
||||||
<Icon name="lucide:settings" class="sidebar-icon" style="background-color: var(--primary-color)" alt="Settings menu" />
|
<Icon name="lucide:settings" class="sidebar-icon" alt="Settings menu" />
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
<slot />
|
<slot />
|
||||||
|
@ -112,6 +112,12 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
|
background-color: var(--primary-color)
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-icon:hover {
|
||||||
|
background-color: var(--primary-highlighted-color)
|
||||||
}
|
}
|
||||||
|
|
||||||
#home-button {
|
#home-button {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue