zero-knowledge file sharing
fix font size
+4
-4
+1
-1
web/src/App.tsx
+1
-1
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="mt-4 w-full max-w-md">{props.children}</div>
6
+
<div class="mt-6 w-full max-w-md">{props.children}</div>
7
7
<a
8
8
class="text-muted hover:text-accent-hover mt-auto p-4 text-[10px]"
9
9
href="https://github.com/notjuliet/drop"
+3
-3
web/src/pages/Upload.tsx
+3
-3
web/src/pages/Upload.tsx
···
10
10
"bg-transparent hover:bg-accent/10 active:scale-95 border-accent text-accent rounded-md border px-4 py-1.5 font-medium transition";
11
11
const btnStyle = { "font-size": "clamp(1rem, 3vw, 1.5rem)" };
12
12
const ghostClass =
13
-
"text-muted hover:text-text border-none bg-transparent p-0 text-xs";
13
+
"text-muted hover:text-text border-none bg-transparent p-0 text-[10px] sm:text-xs";
14
14
15
15
const DURATION_UNITS: Record<string, number> = {
16
16
s: 1,
···
333
333
>
334
334
{progress()}%
335
335
</span>
336
-
<span class="text-muted text-xs">
336
+
<span class="text-muted text-[10px] sm:text-xs">
337
337
{status() === "encrypting"
338
338
? "encrypting\u2026"
339
339
: "uploading\u2026"}
···
413
413
browse
414
414
</button>
415
415
<Show when={maxFileSize()}>
416
-
<span class="text-muted text-xs">
416
+
<span class="text-muted text-[10px] sm:text-xs">
417
417
up to {formatBytes(maxFileSize())}
418
418
</span>
419
419
</Show>