center align and max width 32rem

This commit is contained in:
tresabhi committed 2026-10-09 16:54:37 -05:00
1 parent 37fae7477d
commit 646d6fa7d5
1 file changed
+2 -2
@@ -25,7 +25,7 @@ import { FilterControl } from "./TankSearch/components/FilterControl";
const tankDefinitions = await api.tankDefinitions(); const tankDefinitions = await api.tankDefinitions();
const POOL_HEIGHT = "16rem"; const POOL_HEIGHT = "16rem";
const FILTERS_WIDTH = "22rem"; const FILTERS_WIDTH = "32rem";
export function PlaylistGenerator({ skeleton }: MaybeSkeletonComponentProps) { export function PlaylistGenerator({ skeleton }: MaybeSkeletonComponentProps) {
const [largeWarningOpen, setLargeWarningOpen] = useState(false); const [largeWarningOpen, setLargeWarningOpen] = useState(false);
@@ -90,7 +90,7 @@ export function PlaylistGenerator({ skeleton }: MaybeSkeletonComponentProps) {
<Flex <Flex
direction="column" direction="column"
gap="4" gap="4"
align="stretch" align="center"
flexShrink="0" flexShrink="0"
width={{ initial: "100%", md: FILTERS_WIDTH }} width={{ initial: "100%", md: FILTERS_WIDTH }}
> >