Add portion controls and improve recipe display

This commit is contained in:
2026-08-03 15:45:34 -05:00
parent 139eb9bca2
commit f94b08a4e6
10 changed files with 276 additions and 28 deletions
+12 -12
View File
@@ -15,7 +15,7 @@
inset: 0;
z-index: 20;
overflow: hidden;
padding: 42px 52px;
padding: 50px 58px;
background: #11110f;
}
@@ -40,18 +40,18 @@
}
.MMM-NextcloudCookbook .ncc-recipe h1 {
margin: 0 100px 18px 0;
margin: 0 100px 24px 0;
color: #fff6d8;
font-size: 52px;
font-size: 68px;
line-height: 1.08;
}
.MMM-NextcloudCookbook .ncc-meta {
display: flex;
gap: 8px 18px;
gap: 10px 22px;
align-items: baseline;
margin: 0 0 24px;
font-size: 21px;
margin: 0 0 32px;
font-size: 28px;
}
.MMM-NextcloudCookbook .ncc-meta dt {
@@ -66,25 +66,25 @@
.MMM-NextcloudCookbook .ncc-columns {
display: grid;
grid-template-columns: minmax(280px, 0.8fr) minmax(430px, 1.4fr);
gap: 46px;
gap: 52px;
}
.MMM-NextcloudCookbook .ncc-columns h2 {
margin: 0 0 12px;
margin: 0 0 18px;
color: #d6b96b;
font-size: 30px;
font-size: 42px;
}
.MMM-NextcloudCookbook .ncc-columns ul,
.MMM-NextcloudCookbook .ncc-columns ol {
margin: 0;
padding-left: 1.25em;
font-size: 23px;
line-height: 1.3;
font-size: 34px;
line-height: 1.34;
}
.MMM-NextcloudCookbook .ncc-columns li {
margin-bottom: 9px;
margin-bottom: 14px;
}
.MMM-NextcloudCookbook .ncc-error {