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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<slot />
|
||||
|
@ -112,6 +112,12 @@ const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
|
|||
height: 3rem;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
|
||||
background-color: var(--primary-color)
|
||||
}
|
||||
|
||||
.sidebar-icon:hover {
|
||||
background-color: var(--primary-highlighted-color)
|
||||
}
|
||||
|
||||
#home-button {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue