Something went wrong. Try again.
svelte astro
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<script lang="ts"> import Start from "./lib/Start.svelte"; import Workspace from "./lib/Workspace.svelte"; import { proyectState } from "./State.svelte"; import "@fontsource/jetbrains-mono/400.css";</script>
<main class:has-data={proyectState.current !== null}> {#if !proyectState.current} <Start /> {:else} <Workspace /> {/if}</main>
<style> :root { --bg: #f5f5f0; --surface: #ffffff; --border: #d0d0cc; --text: #1a1a1a; --textMuted: #6b6b6b; --red: #c0392b; --orange: #c45e00; --yellow: #e8e33f; --green: #2e7d32; --cyan: #00767a; --blue: #1a5fa8; --magenta: #a8326f; --violet: #6a35a8;
--padding: 10px; }
:global(*) { font-family: "JetBrains Mono", monospace; transition: background 0.3s; transition: width 0.3s; transition: height 0.3s; }
:global(table) { transition: none; }
:global(button) { border-radius: 6px; border: 3px solid var(--textMuted); font-weight: bold; cursor: pointer; background-color: var(--surface); color: var(--text); transition: all 0.3s; }
main { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: calc(100vh - 80px); }</style>