Nulo/schreiben
1
0
Fork 0
Code Issues 13 Pull requests Packages Projects Releases Wiki Activity

limpiar css/incorporar tailwind

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-08-28 10:38:39 -03:00
parent 9f1e5bcb60
commit 60ceb8c63c
3 changed files with 12 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -1,10 +1,14 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#18181b" media="(prefers-color-scheme: dark)"> <meta
<meta name="theme-color" content="#ffffff"> name="theme-color"
content="#18181b"
media="(prefers-color-scheme: dark)"
/>
<meta name="theme-color" content="#ffffff" />
<link rel="manifest" href="/manifest.webmanifest" /> <link rel="manifest" href="/manifest.webmanifest" />
<link rel="icon" href="/edit-2-outline.svg" /> <link rel="icon" href="/edit-2-outline.svg" />
<link <link
@ -15,8 +19,8 @@
/> />
<title>Schreiben</title> <title>Schreiben</title>
</head> </head>
<body> <body class="min-h-screen bg-slate-50 dark:bg-slate-900">
<div id="app"></div> <div id="app" class="min-h-screen"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

2
src/App.svelte
View file

@ -2,7 +2,7 @@
import { setRouteToLastPagePromise, currentRoute } from "./lib/router"; import { setRouteToLastPagePromise, currentRoute } from "./lib/router";
</script> </script>
<main> <main class='min-h-screen'>
{#await setRouteToLastPagePromise then} {#await setRouteToLastPagePromise then}
<svelte:component <svelte:component
this={$currentRoute.component} this={$currentRoute.component}

25
src/app.css
View file

@ -4,14 +4,12 @@
:root { :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"; 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-weight: 400;
font-synthesis: none; font-synthesis: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
color-scheme: dark light; color-scheme: dark light;
@ -21,25 +19,10 @@
--accent-bg: #cbd5e1; --accent-bg: #cbd5e1;
--accent-fg: #1e293b; --accent-fg: #1e293b;
} }
/*
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
#app,
main {
margin: 0;
min-height: 100vh;
background: var(--background);
color: var(--foreground);
}
a { a {
color: var(--accent-fg); color: var(--accent-fg);
} } */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
@ -50,7 +33,3 @@ a {
--accent-fg: #94a3b8; --accent-fg: #94a3b8;
} }
} }
button {
padding: 0.5em 1em;
}