add Tailwind and design tokens to frontend.

Tailwind v4 via Vite plugin, theme tokens in main.css, and VS Code hints for v4 at-rules.
2026-09-28 14:24:57 +02:00
parent 479eafac63
commit 0d1b9c0d40
10 changed files with 729 additions and 72 deletions
@@ -1,32 +1,6 @@
 <template>
-    <main class="home">
-        <h1>Private Image</h1>
+    <main class="flex min-h-screen flex-col p-8">
+        <h1 class="text-2xl font-semibold tracking-tight">Private Image</h1>
+        <p class="mt-2 text-muted-foreground">Privacy-first image hosting — upload UI coming soon.</p>
    </main>
 </template>
-
-<style scoped>
-.home {
-    box-sizing: border-box;
-    min-height: 100vh;
-    margin: 0;
-    padding: 2rem;
-    font-family:
-        system-ui,
-        -apple-system,
-        Segoe UI,
-        Roboto,
-        sans-serif;
-    line-height: 1.5;
-}
-
-h1 {
-    margin: 0 0 0.5rem;
-    font-size: 1.75rem;
-    font-weight: 600;
-}
-
-p {
-    margin: 0;
-    color: #444;
-}
-</style>