styling

matterofabstract · Jul 19, 2023 · 371b929 · 371b929
1 parent bb8acc4
commit 371b929
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 11 deletions.
diff --git a/src/lib/NoteList.svelte b/src/lib/NoteList.svelte
@@ -43,7 +43,9 @@
   const handleDeleteNote = async (note) => {
     await note.remove();
     selectedNote.set({});
-    omniText.set('');
+    $omniText = '';
+    $omniMode = 'search';
+    $bodyText = '';
   };
 
   const handleSelectNote = (note) => {
@@ -57,8 +59,8 @@
       .exec()
       .then((n) => {
         omniMode.set('edit');
-        omniText.set(n.name);
-        bodyText.set(n.body);
+        omniText.set(n?.name);
+        bodyText.set(n?.body);
       });
   };
 </script>
@@ -96,7 +98,7 @@
 
         <span class="meta" style={$selectedNote === note && 'background: #2252a0; color: white;'}>
           {formatDate(note.updatedAt)}
-          <!-- <button on:click={() => handleDeleteNote(note)}>[del]</button> -->
+          <button on:click={() => handleDeleteNote(note)} class="bg-transparent">[del]</button>
         </span>
       </li>
     {/each}
@@ -105,14 +107,13 @@
 
 <style>
   ul {
-    margin: 0;
+    margin: 0 6px 3px 6px;
     padding: 0;
-    width: 100%;
     overflow-y: auto;
     overflow-x: hidden;
     background-color: var(--app-omni-background);
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
+    border-radius: 8px;
+    box-sizing: border-box;
   }
   li {
     display: flex;

diff --git a/src/lib/ResizeHandle.svelte b/src/lib/ResizeHandle.svelte
@@ -36,8 +36,8 @@
 
 <div
   on:mousedown={startResize.bind(this, 'left')}
-  class="w-full resize-bar select-none row-resize h-[10px]"
-  style="background: var(--app-notedetail-background) * 20%;"
+  class="w-full resize-bar select-none row-resize"
+  style="background: var(--app-resizer-background); height: 15px;"
   role="button"
   tabindex="-1"
 />
diff --git a/src/lib/Settings.svelte b/src/lib/Settings.svelte
@@ -14,7 +14,7 @@
   };
 </script>
 
-<div class="text-white h-full" style="margin-bottom: 100px; padding: 0px 15px; margin: 0;">
+<div class="text-white h-full" style="margin-bottom: 100px; padding: 5px 15px; margin: 0;">
   <span class="font-bold">nvAux Settings</span>
   <div class="relative">
     {#await db().notes.find().exec()}

diff --git a/src/lib/style.css b/src/lib/style.css
@@ -106,6 +106,7 @@ body {
 		--app-notedetail-background: #1c1f21;
 		--app-notelist-odd-background: #222426;
 		--app-notelist-even-background: #2c2e31;
+		--app-resizer-background: #181a1c;
 	}
 
 	body {