Clean up modals

2026-02-10 11:39:29 -08:00
parent 7566f56858
commit 72f2effda4
15 changed files with 398 additions and 323 deletions
@@ -58,35 +58,37 @@

 <Modal>
  <ModalBody>
-    {#if event.pubkey === $pubkey}
-      <Button class="btn btn-neutral text-error" onclick={showDelete}>
-        <Icon size={4} icon={TrashBin2} />
-        Delete Message
+    <div class="flex flex-col gap-2">
+      {#if event.pubkey === $pubkey}
+        <Button class="btn btn-neutral text-error" onclick={showDelete}>
+          <Icon size={4} icon={TrashBin2} />
+          Delete Message
+        </Button>
+      {/if}
+      <Button class="btn btn-neutral" onclick={showInfo}>
+        <Icon size={4} icon={Code2} />
+        Message Info
      </Button>
-    {/if}
-    <Button class="btn btn-neutral" onclick={showInfo}>
-      <Icon size={4} icon={Code2} />
-      Message Info
-    </Button>
-    {#if path}
-      <Link class="btn btn-neutral" href={path}>
-        <Icon size={4} icon={MenuDots} />
-        View Details
-      </Link>
-    {/if}
-    {#if ENABLE_ZAPS}
-      <ZapButton replaceState {url} {event} class="btn btn-neutral w-full">
-        <Icon size={4} icon={Bolt} />
-        Send Zap
-      </ZapButton>
-    {/if}
-    <Button class="btn btn-neutral w-full" onclick={sendReply}>
-      <Icon size={4} icon={Reply} />
-      Send Reply
-    </Button>
-    <Button class="btn btn-neutral w-full" onclick={showEmojiPicker}>
-      <Icon size={4} icon={SmileCircle} />
-      Send Reaction
-    </Button>
+      {#if path}
+        <Link class="btn btn-neutral" href={path}>
+          <Icon size={4} icon={MenuDots} />
+          View Details
+        </Link>
+      {/if}
+      {#if ENABLE_ZAPS}
+        <ZapButton replaceState {url} {event} class="btn btn-neutral w-full">
+          <Icon size={4} icon={Bolt} />
+          Send Zap
+        </ZapButton>
+      {/if}
+      <Button class="btn btn-neutral w-full" onclick={sendReply}>
+        <Icon size={4} icon={Reply} />
+        Send Reply
+      </Button>
+      <Button class="btn btn-neutral w-full" onclick={showEmojiPicker}>
+        <Icon size={4} icon={SmileCircle} />
+        Send Reaction
+      </Button>
+    </div>
  </ModalBody>
 </Modal>