nicholas/formulation
1
0
Fork 0
Code Pull Requests Actions Activity

fix(ui): add 16px horizontal margins and padding for ingredient view mode on mobile

Browse Source
This commit is contained in:
nicholas
2026-08-18 07:49:47 -05:00
parent 37e73497b8
commit 82d7f51914
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+15 -1
View File
@@ -4256,8 +4256,12 @@ input[type="search"]::-webkit-search-results-decoration,
.application-body .entity-tab-panel.active {
display: block !important;
}
.application-body .recipe-view-formula {
.application-body .recipe-view-formula,
.application-body .ingredient-main-content {
padding: 0 16px 24px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.application-body .recipe-view-details,
.application-body .ingredient-view-details {
@@ -4268,6 +4272,16 @@ input[type="search"]::-webkit-search-results-decoration,
min-width: 0 !important;
box-sizing: border-box !important;
}
.application-body .ingredient-view-details .workspace-panel,
.application-body .ingredient-main-content .entity-section {
padding: 0 !important;
margin: 0 0 24px 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* Edit Mode Mobile & Tablet Enhancements */
.application-body .unified-recipe-editor .table-wrap {
width: 100% !important;