vielle.dev
forked from
pds.ls/pdsls
atproto explorer
dismiss notif when clicked
handle.invalid
+5
-2
src/layout.tsx
+5
-2
src/layout.tsx
···
94
94
</Show>
95
95
</div>
96
96
<Show when={notif().show}>
97
-
<div class="dark:shadow-dark-900/80 dark:bg-dark-100/70 fixed bottom-10 z-50 flex items-center rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100/70 p-2 shadow-md backdrop-blur-xs dark:border-neutral-700">
97
+
<button
98
+
class="dark:shadow-dark-900/80 dark:bg-dark-100/70 fixed bottom-10 z-50 flex items-center rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100/70 p-2 shadow-md backdrop-blur-xs dark:border-neutral-700"
99
+
onClick={() => setNotif({ show: false })}
100
+
>
98
101
<span class={`iconify ${notif().icon} mr-1`}></span>
99
102
{notif().text}
100
-
</div>
103
+
</button>
101
104
</Show>
102
105
</div>
103
106
);