Order Sets - UI tweaks

This commit is contained in:
Johnny Gear 2026-01-30 13:24:48 -06:00
parent 71185df40f
commit f321099af6

View file

@ -1,12 +1,4 @@
import {
Container,
Title,
Card,
Text,
Button,
Flex,
Badge,
} from "@mantine/core";
import { Container, Title, Card, Text, Box, Flex, Badge } from "@mantine/core";
import { TimeValue } from "@mantine/dates";
import { IconPencil, IconPlus, IconTrash } from "@tabler/icons-react";
import React from "react";
@ -60,7 +52,7 @@ export const SubOrderSets: React.FC = () => {
bg="gray.2"
w="400px"
>
<Flex direction="column" gap="md">
<Flex direction="column" gap="md" h="100%">
<Title order={4}>{name}</Title>
{scheduled ? (
<Flex gap="md" align="center">
@ -71,8 +63,9 @@ export const SubOrderSets: React.FC = () => {
{weekends ? <Badge color="blue">Weekends</Badge> : null}
</Flex>
) : null}
<Text mb="md">Orders: {orders.length}</Text>
</Flex>
<Text mb="md" flex={1}>
Orders: {orders.length}
</Text>
<Flex gap="md" justify="end">
<ConfirmDialogButton
buttonColor="red"
@ -89,6 +82,7 @@ export const SubOrderSets: React.FC = () => {
Edit
</NavigateButton>
</Flex>
</Flex>
</Card>
),
)