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

Dynamically adjust font size based on vw value

Browse Source
This commit is contained in:
Fred Boniface
2026-05-12 19:06:25 +01:00
parent a2e6f3b99a
commit b88f4f3b35
3 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/ui/station-board/StaffServicesTable.svelte
View File

@@ -129,17 +129,15 @@
}
.departure-board td {
font-family: 'Inconsolate Variable', monospace;
font-size: 1rem;
font-variant-numeric: tabular-nums;
font-family: 'Inconsolata Variable', monospace;
font-size: clamp(1rem, 0.475rem + 2.8vw, 1.35rem);
font-variant-ligatures: additional-ligatures;
}
thead,
.cancel-row td,
.delay-row td {
font-family: 'URW Gothic', sans-serif;
letter-spacing: 0.02ch;
letter-spacing: -0.15ch;
}
thead {

2
src/lib/global.css
View File

@@ -153,7 +153,7 @@
font-display: swap;
font-weight: 200 900;
font-stretch: 50% 200%;
src: url(type/Inconsolata/latin-wdth-normal.woff2) format('woff2-variations');
src: url(/type/inconsolata/latin-wdth-normal.woff2) format('woff2-variations');
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

3
src/routes/board/+page.svelte
View File

@@ -90,7 +90,8 @@
flex: 1;
overflow-y: auto;
height: calc(100dvh - 60px);
width: 100%;
width: 97%;
max-width: 700px;
margin-bottom: 5px;
}
</style>