feat(admin-panel): responsive branches, workshops, products and orders
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -171,4 +171,36 @@ body #app .ant-menu-item-selected {
|
||||
.page-card > .ant-card-body .ant-card {
|
||||
box-shadow: none;
|
||||
}
|
||||
// a horizontally scrollable plain <a-table> inside a page card
|
||||
.page-card .table-scroll .ant-table-content,
|
||||
.detail-modal .ant-table-content {
|
||||
overflow-x: auto;
|
||||
}
|
||||
.page-card .table-scroll .ant-table-content > table,
|
||||
.detail-modal .ant-table-content > table {
|
||||
min-width: max-content;
|
||||
}
|
||||
|
||||
// View/status modals (wrap-class-name="detail-modal"): near full width on
|
||||
// phones instead of a percentage of an already narrow screen.
|
||||
.detail-modal .ant-modal {
|
||||
width: calc(100vw - 16px) !important;
|
||||
max-width: none;
|
||||
top: 8px;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.detail-modal .ant-modal-content {
|
||||
padding: 14px 12px;
|
||||
}
|
||||
.detail-modal .ant-card-head {
|
||||
min-height: 40px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
.detail-modal .ant-card-body {
|
||||
padding: 12px;
|
||||
}
|
||||
.detail-modal .ant-descriptions-item {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user