zero-knowledge file sharing
scale font
+6
-15
+1
-11
web/src/App.tsx
+1
-11
web/src/App.tsx
···
3
3
export default function App(props: ParentProps) {
4
4
return (
5
5
<div class="text-text flex min-h-screen flex-col items-center justify-center px-4 font-sans">
6
-
<div class="w-full max-w-md">
7
-
<h1 class="mt-2 mb-6 text-lg font-medium">
8
-
<a
9
-
href="/"
10
-
class="text-text hover:text-accent no-underline transition-colors"
11
-
>
12
-
drop
13
-
</a>
14
-
</h1>
15
-
{props.children}
16
-
</div>
6
+
<div class="mt-4 w-full max-w-md">{props.children}</div>
17
7
<p class="text-muted mt-auto pt-8 pb-4 text-[10px]">
18
8
end-to-end encrypted
19
9
</p>
+5
-4
web/src/pages/Upload.tsx
+5
-4
web/src/pages/Upload.tsx
···
254
254
255
255
<div class="z-10 flex flex-col items-center gap-1.5 text-center">
256
256
<Show when={uploading()}>
257
-
<span class="text-accent text-2xl font-medium tabular-nums">
257
+
<span class="text-accent font-medium tabular-nums" style={{ "font-size": "clamp(1.5rem, 5vw, 2.5rem)" }}>
258
258
{progress()}%
259
259
</span>
260
260
<span class="text-muted text-[10px]">{statusText()}</span>
···
308
308
</>
309
309
}
310
310
>
311
-
<p class="text-muted text-sm font-medium">Drop a file</p>
312
-
<span class="text-muted text-[10px]">or</span>
311
+
<p class="text-muted font-medium" style={{ "font-size": "clamp(0.875rem, 2.5vw, 1.25rem)" }}>Drop a file</p>
312
+
<span class="text-muted" style={{ "font-size": "clamp(10px, 1.5vw, 14px)" }}>or</span>
313
313
<button
314
-
class="bg-accent hover:bg-accent-hover rounded-md border-none px-4 py-1.5 text-sm font-medium text-white transition-colors"
314
+
class="bg-accent hover:bg-accent-hover rounded-md border-none px-4 py-1.5 font-medium text-white transition-colors"
315
+
style={{ "font-size": "clamp(0.875rem, 2.5vw, 1.25rem)" }}
315
316
onClick={(e) => {
316
317
e.stopPropagation();
317
318
fileInput.click();