Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/SettingsTab: clean up

Browse source
This commit is contained in:
wukko 2024-06-24 23:22:30 +06:00
parent 23911cbc92
commit b153c06294
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
web/src/components/settings/SettingsTab.svelte
View file

@ -9,18 +9,18 @@
</script> </script>
<a <a
id="settings-category" class="settings-category"
href="/settings/{categoryLink}" href="/settings/{categoryLink}"
class:active={isActive} class:active={isActive}
> >
<div id="category-icon" style="background: var(--{iconColor})"> <div class="category-icon" style="background: var(--{iconColor})">
<slot></slot> <slot></slot>
</div> </div>
<span>{categoryName}</span> <span>{categoryName}</span>
</a> </a>
<style> <style>
#settings-category { .settings-category {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -32,24 +32,24 @@
border-radius: var(--border-radius); border-radius: var(--border-radius);
} }
#settings-category:hover { .settings-category:hover {
background: var(--button-hover-transparent); background: var(--button-hover-transparent);
} }
#settings-category span { .settings-category.active {
background: var(--secondary);
color: var(--primary);
}
.settings-category span {
font-size: 14.5px; font-size: 14.5px;
} }
#category-icon { .category-icon {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 5px; padding: 5px;
border-radius: 5px; border-radius: 5px;
} }
#settings-category.active {
background: var(--secondary);
color: var(--primary);
}
</style> </style>