From 60ceb8c63c71c09d58eb8e4e6b0ddc8795f605af Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Mon, 28 Aug 2023 10:38:39 -0300
Subject: [PATCH] limpiar css/incorporar tailwind

---
 index.html     | 14 +++++++++-----
 src/App.svelte |  2 +-
 src/app.css    | 25 ++-----------------------
 3 files changed, 12 insertions(+), 29 deletions(-)
diff --git a/index.html b/index.html
index e33cff1..d3fc49b 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,14 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="theme-color" content="#18181b" media="(prefers-color-scheme: dark)">
-    <meta name="theme-color" content="#ffffff">
+    <meta
+      name="theme-color"
+      content="#18181b"
+      media="(prefers-color-scheme: dark)"
+    />
+    <meta name="theme-color" content="#ffffff" />
     <link rel="manifest" href="/manifest.webmanifest" />
     <link rel="icon" href="/edit-2-outline.svg" />
     <link
@@ -15,8 +19,8 @@
     />
     <title>Schreiben</title>
   </head>
-  <body>
-    <div id="app"></div>
+  <body class="min-h-screen bg-slate-50 dark:bg-slate-900">
+    <div id="app" class="min-h-screen"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/src/App.svelte b/src/App.svelte
index 4825d72..63b4817 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -2,7 +2,7 @@
   import { setRouteToLastPagePromise, currentRoute } from "./lib/router";
 </script>
 
-<main>
+<main class='min-h-screen'>
   {#await setRouteToLastPagePromise then}
     <svelte:component
       this={$currentRoute.component}
diff --git a/src/app.css b/src/app.css
index 20cd462..ef14c83 100644
--- a/src/app.css
+++ b/src/app.css
@@ -4,14 +4,12 @@
 
 :root {
   font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  line-height: 1.5;
   font-weight: 400;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
 
   color-scheme: dark light;
 
@@ -21,25 +19,10 @@
   --accent-bg: #cbd5e1;
   --accent-fg: #1e293b;
 }
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-body,
-#app,
-main {
-  margin: 0;
-  min-height: 100vh;
-  background: var(--background);
-  color: var(--foreground);
-}
-
+/* 
 a {
   color: var(--accent-fg);
-}
+} */
 
 @media (prefers-color-scheme: dark) {
   :root {
@@ -50,7 +33,3 @@ a {
     --accent-fg: #94a3b8;
   }
 }
-
-button {
-  padding: 0.5em 1em;
-}
