peter/siftlode
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(ui): extract shared inputCls + btnCls to ui/form.tsx

Browse Source 
The standard input style was copy-pasted verbatim into 5 components
(DownloadCenter/DownloadDialog/ProfileEditor/ShareDialog/VideoEditor) and the
text-button style into 2 (ShareDialog/VideoEditor). Export both from ui/form.tsx
and import them. Byte-identical strings → no visual change.

The settings-family panels (Settings/Config/Setup/Welcome) use a DIFFERENT input
style (bg-card/rounded-xl/focus:border-accent); unifying the two is a design call
left to the glass-consistency epic, not this DRY extract.
This commit is contained in:
peter
2026-07-12 00:29:04 +02:00
parent 9a00bd8836
commit eabfb6e00a
6 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/DownloadDialog.tsx
+1 -3
View File
@@ -9,9 +9,7 @@ import { invalidateDownloads } from "../lib/downloads";
const ProfileEditor = lazy(() => import("./ProfileEditor"));
import { notify } from "../lib/notifications";
import { navigateTo } from "../lib/nav";
const inputCls =
"w-full rounded-lg bg-surface border border-border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-accent/40";
import { inputCls } from "./ui/form";
// Preset picker shown when the user hits Download on a card / in the player, or adds a URL from
// the Download Center. Enqueues via the API and points the user at the Download Center.