Nulo/schreiben
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages 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> <title>Schreiben</title>
</head> </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> <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>

2
src/editor/Editor.svelte
View file

@ -71,7 +71,7 @@
<MenuBar {view} state={updatedState} /> <MenuBar {view} state={updatedState} />
{/if} {/if}
<!-- this element gets replaced with the editor itself when mounted --> <!-- 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} {#if view}
<BubbleMenu {view} {worldY} state={updatedState} /> <BubbleMenu {view} {worldY} state={updatedState} />
{/if} {/if}

8
src/editor/MenuBar.svelte
View file

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

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

@ -38,7 +38,7 @@
}; };
</script> </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="paragraph">Párrafo</option>
<option value="heading:1">Titulo grande</option> <option value="heading:1">Titulo grande</option>
<option value="heading:2">Titulo mediano</option> <option value="heading:2">Titulo mediano</option>

4
src/views/ChooseWorld.svelte
View file

@ -16,14 +16,14 @@
{#each worlds as world} {#each worlds as world}
<li> <li>
<WorldLink <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} {world}
/> />
</li> </li>
{/each} {/each}
<li> <li>
<a <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 href={routes.CreateWorld}>Crear mundo</a
> >
</li> </li>