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
</Show>
95
</div>
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">
98
<span class={`iconify ${notif().icon} mr-1`}></span>
99
{notif().text}
100
-
</div>
101
</Show>
102
</div>
103
);
···
94
</Show>
95
</div>
96
<Show when={notif().show}>
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
+
>
101
<span class={`iconify ${notif().icon} mr-1`}></span>
102
{notif().text}
103
+
</button>
104
</Show>
105
</div>
106
);