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">
<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>

2
src/App.svelte
View file

@ -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}

25
src/app.css
View file

@ -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;
}