feat(editor): streamline ingredient entry with compact rows and expandable details

This commit is contained in:
OpenCode committed 2026-10-24 16:13:54 +02:00
1 parent 9ecd36db0f
commit 3abccf0999
14 files changed
+677 -220

No files matched your search

-77
View File
@@ -1878,16 +1878,6 @@ input[type='checkbox'] {
.image-upload label {
margin: 0;
}
.editor-ingredient {
display: flex;
gap: 12px;
border: 1px solid var(--line);
background: var(--bg);
padding: 17px;
border-radius: 12px;
margin-bottom: 14px;
align-items: flex-start;
}
.reorder {
display: flex;
flex-direction: column;
@@ -1904,44 +1894,6 @@ input[type='checkbox'] {
cursor: grab;
display: flex;
}
.ingredient-fields {
flex: 1;
min-width: 0;
}
.ingredient-main-fields {
display: grid;
grid-template-columns: 80px 90px minmax(100px, 1fr);
gap: 10px;
}
.ingredient-main-fields label {
font-size: 10px;
margin-bottom: 10px;
}
.ingredient-secondary-fields {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 8px;
}
.ingredient-secondary-fields > input {
font-size: 10px;
padding: 7px;
flex: 1;
min-width: 50px;
}
.ingredient-secondary-fields .checkbox-label {
font-size: 10px;
margin: 0;
}
.ingredient-fields > small {
font-size: 8px;
overflow-wrap: anywhere;
}
.editor-ingredient > .icon-button {
width: 25px;
height: 30px;
margin-top: 24px;
}
.editor-step {
border: 1px solid var(--line);
border-radius: 14px;
@@ -2779,38 +2731,9 @@ input[type='checkbox'] {
.image-upload > img {
height: 180px;
}
.editor-ingredient {
padding: 12px;
gap: 6px;
position: relative;
}
.ingredient-main-fields {
grid-template-columns: 1fr 1fr;
gap: 8px;
padding-right: 15px;
}
.ingredient-main-fields > label:nth-child(3) {
grid-column: 1/-1;
}
.ingredient-secondary-fields {
flex-wrap: wrap;
}
.ingredient-secondary-fields > input {
flex-basis: 100%;
}
.editor-ingredient > .icon-button {
position: absolute;
top: 6px;
right: 3px;
margin: 0;
width: 24px;
}
.reorder {
padding-top: 20px;
}
.ingredient-fields small {
font-size: 7px;
}
.editor-step {
padding: 15px;
}