web/layout: reduce button border by .5px

yes it matters a lot to me
This commit is contained in:
wukko 2025-02-25 13:34:51 +06:00
parent 104c9004c5
commit 0f21c9b236
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
5 changed files with 8 additions and 8 deletions

View file

@ -88,7 +88,7 @@
display: flex;
align-items: center;
justify-content: center;
border-right: 1.5px var(--button-stroke) solid;
border-right: 1px var(--button-stroke) solid;
margin-left: 3px;
}

View file

@ -243,8 +243,8 @@
}
#input-container.focused {
box-shadow: 0 0 0 1.5px var(--secondary) inset;
outline: var(--secondary) 0.5px solid;
box-shadow: 0 0 0 1px var(--secondary) inset;
outline: var(--secondary) 1px solid;
}
#input-container.focused :global(#input-icons svg) {

View file

@ -138,7 +138,7 @@
.sidebar-tab:active:not(.active),
.sidebar-tab:focus:hover:not(.active) {
opacity: 1;
box-shadow: 0 0 0 1.5px var(--sidebar-stroke) inset;
box-shadow: 0 0 0 1px var(--sidebar-stroke) inset;
}
}

View file

@ -133,7 +133,7 @@
.subnav-tab:not(:last-child) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 48px 3px 0px -1.8px var(--button-stroke);
box-shadow: 48px 3px 0px -2px var(--button-stroke);
}
.subnav-tab:not(:first-child) {

View file

@ -129,7 +129,7 @@
--button-press-transparent: rgba(0, 0, 0, 0.09);
--button-stroke: rgba(0, 0, 0, 0.06);
--button-text: #282828;
--button-box-shadow: 0 0 0 1.5px var(--button-stroke) inset;
--button-box-shadow: 0 0 0 1px var(--button-stroke) inset;
--button-elevated: #e3e3e3;
--button-elevated-hover: #dadada;
@ -171,7 +171,7 @@
)
);
--content-border-thickness: 1.5px;
--content-border-thickness: 1px;
--content-margin: calc(var(--sidebar-inner-padding) + var(--content-border-thickness));
--safe-area-inset-top: env(safe-area-inset-top);
@ -223,7 +223,7 @@
--button-press-transparent: rgba(225, 225, 225, 0.15);
--button-stroke: rgba(255, 255, 255, 0.05);
--button-text: #e1e1e1;
--button-box-shadow: 0 0 0 1.5px var(--button-stroke) inset;
--button-box-shadow: 0 0 0 1px var(--button-stroke) inset;
--button-elevated: #282828;
--button-elevated-hover: #2f2f2f;