fix responsive
This commit is contained in:
@@ -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'
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user