diff --git a/ui/postcss.config.cjs b/ui/postcss.config.cjs index c2b122a4d..678e4000b 100644 --- a/ui/postcss.config.cjs +++ b/ui/postcss.config.cjs @@ -3,14 +3,14 @@ module.exports = { "postcss-preset-mantine": {}, "postcss-simple-vars": { variables: { - "mantine-breakpoint-xs": "36em", - "mantine-breakpoint-sm": "48em", - "mantine-breakpoint-md": "62em", - "mantine-breakpoint-lg": "75em", - "mantine-breakpoint-xl": "88em", - "mantine-breakpoint-xl2": "104em", - "mantine-breakpoint-xl3": "120em", - "mantine-breakpoint-xl4": "136em", + "mantine-breakpoint-xs": "40em", + "mantine-breakpoint-sm": "54em", + "mantine-breakpoint-md": "68em", + "mantine-breakpoint-lg": "82em", + "mantine-breakpoint-xl": "96em", + "mantine-breakpoint-xl2": "110em", + "mantine-breakpoint-xl3": "126em", + "mantine-breakpoint-xl4": "142em", }, }, }, diff --git a/ui/src/components/batch-executions.tsx b/ui/src/components/batch-executions.tsx index 7f2df68b1..74823b206 100644 --- a/ui/src/components/batch-executions.tsx +++ b/ui/src/components/batch-executions.tsx @@ -15,6 +15,7 @@ import { Stack, Text, TextInput, + useMatches, } from "@mantine/core"; import { Types } from "komodo_client"; import { ChevronDown } from "lucide-react"; @@ -62,19 +63,18 @@ function BatchExecutionsDropdownMenu({ onSelect: (item: T) => void; disabled: boolean; }) { + const width = useMatches({ + base: "target", + xs: 250, + }); return ( - +