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:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user