mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2024-12-28 18:46:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

web: move border radius into a variable

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web/src/components/buttons/Switcher.svelte
View file

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

2
web/src/components/save/Omnibox.svelte
View file

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

4
web/src/components/save/buttons/DownloadButton.svelte
View file

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

3
web/src/routes/+layout.svelte
View file

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