feat(editor): streamline ingredient entry with compact rows and expandable details
This commit is contained in:
1 parent
9ecd36db0f
commit
3abccf0999
14 files changed
+677
-220
No files matched your search
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user