fabric_trade/fabric_trade_admin
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve order detail UX, confirm check actions, and fix notification deep links.

Browse Source 
Normalize inbox /orders/:id links, open related admin pages on click, and keep Jalali dates consistent.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
safavimohadeseh78
2026-08-09 14:32:09 +02:00
co-authored by Cursor
parent 120c62bdca
commit 1c3c494a43
14 changed files with 737 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/styles/responsive.css
+40 -44
View File
@@ -297,49 +297,22 @@
font-weight: 700;
}
/* Responsive overrides for shared admin components */
/* Tablet / compact desktop: keep multi-column layouts usable in modals */
@media (max-width: 1279px) {
.admin-shell__content {
padding: var(--page-padding);
}
.admin-page-header {
flex-direction: column;
align-items: stretch;
}
.admin-page-header .admin-btn,
.admin-page-header .admin-action-group {
width: 100%;
}
.admin-page-header .admin-action-group {
flex-wrap: wrap;
}
.admin-page-header .admin-action-group .admin-btn {
flex: 1;
min-width: fit-content;
}
.admin-summary-grid {
grid-template-columns: repeat(2, 1fr);
}
.admin-form-grid {
grid-template-columns: 1fr;
grid-template-columns: repeat(2, 1fr);
}
.admin-info-grid {
grid-template-columns: 1fr;
}
.admin-footer-actions {
flex-direction: column;
}
.admin-footer-actions .admin-btn {
width: 100%;
grid-template-columns: repeat(2, 1fr);
}
.admin-pagination {
@@ -352,17 +325,53 @@
justify-content: center;
flex-wrap: wrap;
}
.admin-tab {
padding: 10px 12px;
font-size: 0.8125rem;
}
.admin-page-header .admin-action-group {
flex-wrap: wrap;
gap: 8px;
}
}
/* Phone only: stack to single column / action sheet */
@media (max-width: 767px) {
:root {
--header-height: 60px;
}
.admin-summary-grid {
.admin-page-header {
flex-direction: column;
align-items: stretch;
}
.admin-page-header .admin-btn,
.admin-page-header .admin-action-group {
width: 100%;
}
.admin-page-header .admin-action-group .admin-btn {
flex: 1;
min-width: fit-content;
}
.admin-summary-grid,
.admin-form-grid,
.admin-info-grid {
grid-template-columns: 1fr;
}
.admin-footer-actions {
flex-direction: column;
}
.admin-footer-actions .admin-btn {
width: 100%;
}
.admin-form__row {
grid-template-columns: 1fr;
}
@@ -397,16 +406,3 @@
width: 100%;
}
}
@media (max-width: 1279px) {
.admin-tab {
padding: 10px 12px;
font-size: 0.8125rem;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.admin-form-grid {
grid-template-columns: repeat(2, 1fr);
}
}