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

web/SidebarTab: make the icon bigger and gap smaller

Browse source
This commit is contained in:
wukko 2024-09-22 21:41:21 +06:00
parent c9c1e5d298
commit d9f1134f7f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/src/components/sidebar/SidebarTab.svelte
View file

@ -54,8 +54,8 @@
flex-direction: column;
align-items: center;
text-align: center;
gap: 5px;
padding: var(--padding) 5px;
gap: 3px;
padding: var(--padding) 3px;
color: var(--sidebar-highlight);
font-size: var(--sidebar-font-size);
opacity: 0.75;
@ -73,8 +73,8 @@
.sidebar-tab :global(svg) {
stroke-width: 1.2px;
height: 21px;
width: 21px;
height: 22px;
width: 22px;
}
:global([data-iphone="true"] .sidebar-tab svg) {
@ -132,15 +132,9 @@
@media screen and (max-width: 535px) {
.sidebar-tab {
padding: 5px var(--padding);
gap: 3px;
min-width: calc(var(--sidebar-width) / 2);
}
.sidebar-tab :global(svg) {
height: 22px;
width: 22px;
}
.sidebar-tab.active {
z-index: 2;
}