admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/feature/IO-3554-Form-Row-Layout - Responsive overhaul

Browse Source
This commit is contained in:
Dave
2026-02-26 15:56:57 -05:00
parent 226cc801ae
commit fd6f46e39d
99 changed files with 807 additions and 443 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/src/components/layout-form-row/layout-form-row.styles.scss
View File

@@ -24,7 +24,7 @@ html[data-theme="dark"] {
.imex-form-row {
width: 100%;
/* Match old Divider title typography */
.ant-card-head-title {
font-weight: 500;
@@ -47,18 +47,33 @@ html[data-theme="dark"] {
background: var(--imex-form-surface);
}
/* Optional: slightly tighter on phones */
/* Optional: tighter spacing on phones for better space usage */
@media (max-width: 575px) {
.ant-card-head {
padding-inline: 12px;
padding-block: 12px;
}
.ant-card-body {
padding: 12px;
}
}
/* Common form nicety */
/* Tablet optimization: slightly reduce padding */
@media (min-width: 576px) and (max-width: 991px) {
.ant-card-body {
padding: 14px;
}
}
/* Ensure form items use full column width */
.ant-col > * {
width: 100%;
}
/* Better form item spacing on mobile */
@media (max-width: 575px) {
.ant-form-item {
margin-bottom: 12px;
}
}
}