fix responsive

This commit is contained in:
2025-12-14 18:19:30 -03:00
parent 1c498a771e
commit cd88d92bbd
2 changed files with 6 additions and 4 deletions

View File

@@ -27,7 +27,7 @@ export function RangePeriod({
return (
<>
<ButtonGroup>
<ButtonGroup className="max-lg:w-full">
<Button
variant="outline"
className="border-dashed cursor-pointer"
@@ -42,9 +42,10 @@ export function RangePeriod({
>
<ChevronLeftIcon />
</Button>
<Button
variant="outline"
className="pointer-events-none border-dashed max-lg:w-full"
className="pointer-events-none border-dashed flex-1"
>
<div className="gap-1 flex">
<Badge variant="outline" className="rounded-sm px-1 font-mono">
@@ -55,6 +56,7 @@ export function RangePeriod({
</Badge>
</div>
</Button>
<Button
variant="outline"
className="border-dashed cursor-pointer"
@@ -78,5 +80,5 @@ export function RangePeriod({
const datetime = new Intl.DateTimeFormat('pt-BR', {
day: '2-digit',
month: '2-digit',
year: 'numeric'
year: '2-digit'
})