blisstown/campfire
blisstown/campfire
2
0
Fork 1
Code Issues 19 Pull requests Projects 1 Releases Activity

design: re-add bg to notifications for consistancy with timeline

Browse source
This commit is contained in:
mae taylor 2025-07-14 18:51:13 +01:00
parent 876e221400
commit 7ed8ebf6e5
Signed by: mae
GPG key ID: 3C80D76BA7A3B9BD
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/lib/ui/Notification.svelte
View file

@ -144,19 +144,22 @@
<style> <style>
.notification { .notification {
display: block; display: block;
border-top: 1px solid color-mix(in srgb, transparent, var(--text) 50%); border-top: 1px solid color-mix(in srgb, transparent, var(--text) 25%);
padding: 16px; padding: 16px;
text-decoration: inherit; text-decoration: inherit;
color: inherit; color: inherit;
transition: background-color .1s; transition: background-color .1s;
cursor: pointer; cursor: pointer;
background-color: var(--bg-900);
} }
.notification:first-of-type { .notification:first-of-type {
border-top: none; border-top: none;
} }
.notification:hover { .notification:hover {
background-color: color-mix(in srgb, var(--bg-800), transparent 50%); background-color: color-mix(in srgb, var(--bg-800), transparent 35%);
} }
header { header {