hnzio/nouri-App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

change layout settings for lebensmittel

Browse Source
This commit is contained in:
Florian Heinz
2026-04-14 11:04:38 +02:00
parent 6f6269c66d
commit 216dde1414
5 changed files with 168 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nouri/static/css/styles.css
+70
View File
@@ -981,12 +981,82 @@ h3 {
.item-body {
min-width: 0;
display: grid;
gap: 0.7rem;
}
.item-body p {
margin: 0;
line-height: 1.55;
}
.item-meta-disclosure {
display: grid;
gap: 0.65rem;
margin-top: 0.05rem;
}
.item-meta-disclosure > summary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
width: fit-content;
padding: 0.55rem 0.9rem;
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--line) 78%, transparent 22%);
background: color-mix(in srgb, var(--surface-soft) 38%, transparent 62%);
color: var(--muted);
cursor: pointer;
list-style: none;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.item-meta-disclosure > summary::-webkit-details-marker {
display: none;
}
.item-meta-disclosure > summary:hover {
color: var(--text);
border-color: color-mix(in srgb, var(--accent) 32%, var(--line) 68%);
background: color-mix(in srgb, var(--accent-soft) 22%, var(--surface-soft) 78%);
transform: translateY(-1px);
}
.item-meta-disclosure[open] > summary {
color: var(--text);
border-color: color-mix(in srgb, var(--accent) 36%, var(--line) 64%);
background: color-mix(in srgb, var(--accent-soft) 26%, var(--surface-soft) 74%);
}
.item-meta-panel {
display: grid;
gap: 0.7rem;
padding: 0.9rem 1rem 0.95rem;
border-radius: 18px;
border: 1px solid color-mix(in srgb, var(--line) 82%, transparent 18%);
background: color-mix(in srgb, var(--surface-soft) 46%, transparent 54%);
}
[data-theme="dark"] .item-meta-disclosure > summary {
background: color-mix(in srgb, var(--surface-soft) 42%, rgba(33, 28, 27, 0.58) 58%);
border-color: color-mix(in srgb, var(--line) 62%, rgba(243, 177, 125, 0.12) 38%);
}
[data-theme="dark"] .item-meta-disclosure > summary:hover,
[data-theme="dark"] .item-meta-disclosure[open] > summary {
background: color-mix(in srgb, var(--accent-soft) 24%, rgba(38, 31, 29, 0.76) 76%);
}
[data-theme="dark"] .item-meta-panel {
background: linear-gradient(
180deg,
color-mix(in srgb, var(--surface-soft) 60%, #463c39 40%),
color-mix(in srgb, var(--surface) 92%, #2a2422 8%)
);
border-color: color-mix(in srgb, var(--line) 58%, rgba(243, 177, 125, 0.16) 42%);
}
.item-actions {
grid-column: 1 / -1;
display: flex;