refactor(CategoryList): simplify layout styles for mobile and desktop views

- Removed conditional styles for flexWrap and overflowX, setting them to "wrap" and "visible" respectively for consistency across devices.
- Cleaned up unused scrollbar styles to streamline the component's CSS.
This commit is contained in:
sebseb7
2025-11-19 08:27:58 +01:00
parent 1ddbafaa51
commit b599e6424b

View File

@@ -167,15 +167,10 @@ class CategoryList extends Component {
display: "flex", display: "flex",
justifyContent: "flex-start", justifyContent: "flex-start",
alignItems: "center", alignItems: "center",
flexWrap: isMobile ? "wrap" : "nowrap", flexWrap: "wrap",
overflowX: isMobile ? "visible" : "auto", overflowX: "visible",
flexDirection: isMobile ? "column" : "row", flexDirection: isMobile ? "column" : "row",
py: 0.5, // Add vertical padding to prevent border clipping py: 0.5, // Add vertical padding to prevent border clipping
"&::-webkit-scrollbar": {
display: "none",
},
scrollbarWidth: "none",
msOverflowStyle: "none",
}} }}
> >
<Button <Button