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

rework of navigation UI

Browse source
This commit is contained in:
ari melody 2025-07-10 22:32:54 +01:00
parent 0a563e6121
commit c402f329a7
Signed by: ari
GPG key ID: CF99829C92678188
5 changed files with 20 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -141,18 +141,19 @@
<style>
.notification {
display: block;
margin-bottom: 8px;
border-top: 1px solid color-mix(in srgb, transparent, var(--text) 50%);
padding: 16px;
border-radius: 8px;
background: var(--bg-800);
text-decoration: inherit;
color: inherit;
transition: background-color .1s;
cursor: pointer;
}
.notification:first-of-type {
border-top: none;
}
.notification:hover {
background-color: color-mix(in srgb, var(--bg-800), black 5%);
background-color: color-mix(in srgb, var(--bg-800), transparent 50%);
}
header {
@ -280,7 +281,7 @@
width: calc(100% - 16px);
margin-bottom: 10px;
padding: 4px 8px;
--warn-bg: color-mix(in srgb, var(--bg-700), var(--accent) 1%);
--warn-bg: color-mix(in srgb, transparent, var(--bg-700) 50%);
background: repeating-linear-gradient(-45deg, transparent, transparent 10px, var(--warn-bg) 10px, var(--warn-bg) 20px);
font-family: inherit;
font-size: inherit;