web: move border radius into a variable

This commit is contained in:
wukko 2024-06-16 19:51:02 +06:00
parent 3a57c7165f
commit 1325c3516c
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
4 changed files with 6 additions and 4 deletions

View file

@ -14,6 +14,7 @@
flex-wrap: nowrap;
scrollbar-width: none;
overflow-x: scroll;
border-radius: var(--border-radius);
}
.switcher :global(.button:first-child) {

View file

@ -94,7 +94,7 @@
#input-container {
display: flex;
box-shadow: 0 0 0 1.5px var(--gray) inset;
border-radius: 11px;
border-radius: var(--border-radius);
padding: 0 12px;
align-items: center;
gap: 10px;

View file

@ -101,8 +101,8 @@
transform: none;
border-left: 1px var(--gray) solid;
border-top-right-radius: 11px;
border-bottom-right-radius: 11px;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
#download-state {

View file

@ -23,6 +23,7 @@
--button-stroke: rgba(0, 0, 0, 0.08);
--padding: 12px;
--border-radius: 11px;
--sidebar-width: 80px;
--sidebar-font-size: 11px;
@ -63,7 +64,7 @@
padding: 8px 15px;
gap: 8px;
border: none;
border-radius: 11px;
border-radius: var(--border-radius);
font-size: 16px;
cursor: pointer;
background-color: var(--button);