+
+
@@ -127,13 +127,6 @@
background: var(--background);
padding: 16px 20px;
border-radius: 16px;
- min-width: 50%;
- min-height: 50%;
-
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
- 0 8px 10px -6px rgb(0 0 0 / 0.1);
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
h3 {
diff --git a/src/components/PagePicker.svelte b/src/components/PagePicker.svelte
index cfe9b58..a81f8e7 100644
--- a/src/components/PagePicker.svelte
+++ b/src/components/PagePicker.svelte
@@ -6,6 +6,7 @@
import { makeYdocStore } from "../lib/makeYdocStore";
import { lastUpdated } from "../lib/lastUpdated";
import { nanoid } from "nanoid";
+ import PlusIcon from "eva-icons/fill/svg/plus.svg";
type Entry = {
id: string;
@@ -52,14 +53,31 @@
const deriveEntries = makeYdocStore((_, __, ydoc) => getDocs(ydoc));
-
-
-
+
+
+
+ {#each sortedEntries as entry, index (entry.id)}
-
- onChoose(entry.id)}>{entry.title ?? entry.id}
{/each}
-
-
+
+
- - onChoose(entry.id)}>{entry.title ?? entry.id} {/each}
-
+
+ {#each sortedEntries as entry, index (entry.id)}