OwlBoard/web-pwa
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust button styling to improve appearance of text

Browse Source
This commit is contained in:
Fred Boniface
2026-03-31 20:01:20 +01:00
parent aa1a989139
commit b649af1925
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/components/ui/Button.svelte
View File

@@ -59,10 +59,10 @@
height: 36px; height: 36px;
border-radius: 20px; border-radius: 20px;
border: none; border: none;
box-shadow: var(--shadow-std); box-shadow: var(--shadow-small);
font-family: 'URW Gothic', sans-serif; font-family: 'URW Gothic', sans-serif;
font-size: 0.93rem; font-size: 0.93rem;
font-weight: 600; font-weight: 400;
letter-spacing: 0.05ch; letter-spacing: 0.05ch;
transition: transition:
all 0.1s ease, all 0.1s ease,
@@ -72,6 +72,7 @@
.accent { .accent {
background-color: var(--color-accent); background-color: var(--color-accent);
color: var(--color-title); color: var(--color-title);
font-weight: 600;
} }
.brand { .brand {

1
src/lib/global.css
View File

@@ -55,6 +55,7 @@
/* Shadows */ /* Shadows */
--color-shadow: hsla(210, 20%, 5%, 0.35); --color-shadow: hsla(210, 20%, 5%, 0.35);
--shadow-std: 0 4px 12px var(--color-shadow); --shadow-std: 0 4px 12px var(--color-shadow);
--shadow-small: 0 4px 6px var(--color-shadow);
--shadow-up: 0 -4px 12px var(--color-shadow); --shadow-up: 0 -4px 12px var(--color-shadow);
--shadow-right: 4px 0 12px var(--color-shadow); --shadow-right: 4px 0 12px var(--color-shadow);
} }