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

más styles+modo oscuro

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-08-29 10:39:59 -03:00
parent 5dc140a456
commit b8f3f3e2ae
5 changed files with 6 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -19,7 +19,7 @@
/>
<title>Schreiben</title>
</head>
<body class="min-h-screen bg-slate-50 dark:bg-slate-900">
<body class="min-h-screen bg-slate-50 dark:bg-neutral-900">
<div id="app" class="min-h-screen"></div>
<script type="module" src="/src/main.ts"></script>
</body>

2
src/editor/Editor.svelte
View file

@ -71,7 +71,7 @@
<MenuBar {view} state={updatedState} />
{/if}
<!-- this element gets replaced with the editor itself when mounted -->
<div class="prose before:prose-p:content-none after:prose-p:content-none prose-blockquote:font-normal prose-blockquote:not-italic max-w-none min-h-screen" bind:this={wrapperEl} />
<div class="prose dark:prose-invert before:prose-p:content-none after:prose-p:content-none prose-blockquote:font-normal prose-blockquote:not-italic max-w-none min-h-screen" bind:this={wrapperEl} />
{#if view}
<BubbleMenu {view} {worldY} state={updatedState} />
{/if}

8
src/editor/MenuBar.svelte
View file

@ -12,7 +12,7 @@
export let state: EditorState;
</script>
<div class="menubar">
<div class="menubar sticky top-0 flex py-2 px-4 z-50 items-center">
<BlockSelect {view} {state} />
<!-- <UploadItem {view} {state} /> -->
<ListItem {view} {state} kind={ListKind.Unordered} />
@ -22,12 +22,6 @@
<style>
.menubar {
position: sticky;
top: 0px;
z-index: 69;
display: flex;
background: var(--background, white);
border-bottom: 1px solid var(--accent-bg);
}

2
src/editor/menubar/BlockSelect.svelte
View file

@ -38,7 +38,7 @@
};
</script>
<select value={currentValue} on:change={onChange}>
<select value={currentValue} on:change={onChange} class="relative flex items-center justify-between py-3 pl-3 pr-10 text-left bg-white dark:bg-neutral-800 border rounded-md shadow-sm cursor-default border-neutral-200/70 dark:border-neutral-700/70 text-sm">
<option value="paragraph">Párrafo</option>
<option value="heading:1">Titulo grande</option>
<option value="heading:2">Titulo mediano</option>

4
src/views/ChooseWorld.svelte
View file

@ -16,14 +16,14 @@
{#each worlds as world}
<li>
<WorldLink
className="px-6 py-4 bg-slate-200 w-full block rounded-2xl my-4 shadow text-xl"
className="px-6 py-4 bg-slate-200 dark:bg-neutral-800 w-full block rounded-2xl dark:border-neutral-700/70 border my-4 shadow text-xl"
{world}
/>
</li>
{/each}
<li>
<a
class="px-6 py-4 bg-slate-200 w-full block rounded-2xl my-4 shadow text-xl"
class="px-6 py-4 bg-slate-200 dark:bg-neutral-800 w-full block rounded-2xl dark:border-neutral-700/70 border my-4 shadow text-xl"
href={routes.CreateWorld}>Crear mundo</a
>
</li>