mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2024-12-29 11:06:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

web/SidebarTab: make the icon bigger and gap smaller
Some checks are pending
Run tests / check lockfile correctness (push) Waiting to run
Details
Run tests / web sanity check (push) Waiting to run
Details
Run tests / api sanity check (push) Waiting to run
Details

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