feat: enhance weekdays management with tabbed interface and improved layout

- Refactored `DetailWeekdays` and `FormWeekdays` components to utilize a tabbed interface for better organization of weekday-related information.
- Introduced `FieldValue` components for displaying start and end branches, and customer details within each tab.
- Added a new CSS file for managing z-index stacking context to ensure Leaflet maps render correctly beneath modals.
- Updated `LocationMap` and `RouteMap` components to include the new CSS for proper layering.
- Enhanced unit tests for `LocationMap` to verify the correct stacking context.

These changes improve the user experience by providing a more structured and visually appealing way to manage weekdays and their associated data.
This commit is contained in:
shancheas
2026-08-26 12:09:12 +07:00
parent 27dfc167d2
commit ee6c3273d9
8 changed files with 133 additions and 83 deletions
+2 -2
View File
@@ -36,7 +36,7 @@ export const standardDensity: MantineThemeOverride = {
Pagination: { defaultProps: { size: 'md' } },
Table: { defaultProps: { verticalSpacing: 'sm', horizontalSpacing: 'md' } },
Card: { defaultProps: { padding: 'md' } },
Modal: { defaultProps: { padding: 'md' } },
Modal: { defaultProps: { padding: 'md', zIndex: 1100 } },
},
};
@@ -99,7 +99,7 @@ export const compactDensity: MantineThemeOverride = {
},
},
Card: { defaultProps: { padding: 'sm' } }, // Card padding shrinks
Modal: { defaultProps: { padding: 'sm' } }, // Modal padding shrinks
Modal: { defaultProps: { padding: 'sm', zIndex: 1100 } }, // Modal padding shrinks; above Leaflet panes (1000)
// 5. Force 13px ('sm') text inside 'sm' physical inputs
Input: {