release nouri 0.5.0 shopping rhythm pwa and reminders
This commit is contained in:
+174
-9
@@ -128,6 +128,29 @@ button.secondary:hover,
|
||||
margin: 1rem auto 2rem;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 0.75rem;
|
||||
padding: 1rem 0.35rem 0;
|
||||
color: var(--muted);
|
||||
font-size: 0.92rem;
|
||||
}
|
||||
|
||||
.footer-copy {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.55rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.footer-copy .ui-icon {
|
||||
width: 0.95rem;
|
||||
height: 0.95rem;
|
||||
color: var(--accent-strong);
|
||||
}
|
||||
|
||||
.site-header {
|
||||
position: sticky;
|
||||
top: 1rem;
|
||||
@@ -445,6 +468,7 @@ h3 {
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
padding: 1rem 1.1rem;
|
||||
}
|
||||
|
||||
.stacked-mobile {
|
||||
@@ -616,6 +640,7 @@ input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="password"],
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="file"],
|
||||
select,
|
||||
textarea {
|
||||
@@ -862,6 +887,111 @@ legend {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.planner-subsection {
|
||||
display: grid;
|
||||
gap: 0.8rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.planner-subsection h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.planner-search {
|
||||
display: grid;
|
||||
gap: 0.45rem;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.compact-picker-list {
|
||||
display: grid;
|
||||
gap: 0.55rem;
|
||||
}
|
||||
|
||||
.compact-picker-list form[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.picker-row {
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 0.85rem 1rem;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--line);
|
||||
background: color-mix(in srgb, var(--surface-strong) 86%, #fff 14%);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.picker-row small {
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.compact-quick-row {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.compact-button {
|
||||
min-width: 150px;
|
||||
padding: 0.78rem 0.9rem;
|
||||
}
|
||||
|
||||
.settings-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.pwa-card {
|
||||
padding: 1rem;
|
||||
border-radius: 18px;
|
||||
border: 1px solid var(--line);
|
||||
background: color-mix(in srgb, var(--surface-strong) 84%, #fff 16%);
|
||||
}
|
||||
|
||||
.card-link-grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.menu-card {
|
||||
display: grid;
|
||||
justify-items: start;
|
||||
gap: 0.5rem;
|
||||
padding: 1rem;
|
||||
border-radius: 18px;
|
||||
border: 1px solid var(--line);
|
||||
background: color-mix(in srgb, var(--surface-strong) 86%, #fff 14%);
|
||||
}
|
||||
|
||||
.menu-card .ui-icon {
|
||||
width: 1.15rem;
|
||||
height: 1.15rem;
|
||||
color: var(--accent-strong);
|
||||
}
|
||||
|
||||
.roomy-row {
|
||||
padding: 1rem 1.2rem;
|
||||
}
|
||||
|
||||
.inline-form-tight {
|
||||
grid-template-columns: 1fr auto;
|
||||
}
|
||||
|
||||
.inline-form-tight > :first-child {
|
||||
grid-column: auto;
|
||||
}
|
||||
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.planner-entry-top {
|
||||
align-items: flex-start;
|
||||
}
|
||||
@@ -1018,6 +1148,41 @@ legend {
|
||||
mask-image: url("../icons/fa/ellipsis.svg");
|
||||
}
|
||||
|
||||
.icon-heart {
|
||||
-webkit-mask-image: url("../icons/fa/heart.svg");
|
||||
mask-image: url("../icons/fa/heart.svg");
|
||||
}
|
||||
|
||||
.icon-sliders {
|
||||
-webkit-mask-image: url("../icons/fa/sliders.svg");
|
||||
mask-image: url("../icons/fa/sliders.svg");
|
||||
}
|
||||
|
||||
.icon-seedling {
|
||||
-webkit-mask-image: url("../icons/fa/seedling.svg");
|
||||
mask-image: url("../icons/fa/seedling.svg");
|
||||
}
|
||||
|
||||
.icon-bell {
|
||||
-webkit-mask-image: url("../icons/fa/bell.svg");
|
||||
mask-image: url("../icons/fa/bell.svg");
|
||||
}
|
||||
|
||||
.icon-mobile-screen-button {
|
||||
-webkit-mask-image: url("../icons/fa/mobile-screen-button.svg");
|
||||
mask-image: url("../icons/fa/mobile-screen-button.svg");
|
||||
}
|
||||
|
||||
.icon-apple-whole {
|
||||
-webkit-mask-image: url("../icons/fa/apple-whole.svg");
|
||||
mask-image: url("../icons/fa/apple-whole.svg");
|
||||
}
|
||||
|
||||
.icon-leaf {
|
||||
-webkit-mask-image: url("../icons/fa/leaf.svg");
|
||||
mask-image: url("../icons/fa/leaf.svg");
|
||||
}
|
||||
|
||||
.mobile-sheet-backdrop {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
@@ -1054,17 +1219,10 @@ legend {
|
||||
|
||||
.mobile-sheet-links {
|
||||
display: grid;
|
||||
gap: 0.45rem;
|
||||
gap: 0.75rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.mobile-sheet-links a {
|
||||
padding: 0.9rem 1rem;
|
||||
border-radius: 16px;
|
||||
border: 1px solid var(--line);
|
||||
background: color-mix(in srgb, var(--surface-strong) 86%, #fff 14%);
|
||||
}
|
||||
|
||||
.mobile-sheet-actions {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@@ -1091,6 +1249,7 @@ legend {
|
||||
.stats-grid,
|
||||
.two-column,
|
||||
.template-library-grid,
|
||||
.settings-grid,
|
||||
.inline-form,
|
||||
.planner-entry-form,
|
||||
.planner-entry-form-wide,
|
||||
@@ -1158,6 +1317,10 @@ legend {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
padding-bottom: 5.6rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: clamp(1.6rem, 7vw, 2rem);
|
||||
}
|
||||
@@ -1174,7 +1337,9 @@ legend {
|
||||
.week-mini-grid,
|
||||
.week-overview-grid,
|
||||
.more-link-grid,
|
||||
.template-library-grid {
|
||||
.template-library-grid,
|
||||
.settings-grid,
|
||||
.card-link-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user