Refactor component and page structure for responsiveness

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-10-04 20:20:16 +07:00
parent 7705519081
commit 56b2188590

View File

@ -32,7 +32,7 @@ export function CardsPaymentMethod() {
</CardHeader> </CardHeader>
<CardContent className="grid gap-6"> <CardContent className="grid gap-6">
<RadioGroup defaultValue="card" className="flex w-full justify-center gap-1 md:gap-3"> <RadioGroup defaultValue="card" className="flex w-full justify-center gap-1 md:gap-3">
<div className="w-[100px] md:w-[150px]"> <div className="w-[100px] lg:w-[130px]">
<RadioGroupItem <RadioGroupItem
value="card" value="card"
id="card" id="card"
@ -60,7 +60,7 @@ export function CardsPaymentMethod() {
</Label> </Label>
</div> </div>
<div className="w-[100px] md:w-[150px]"> <div className="w-[100px] lg:w-[130px]">
<RadioGroupItem <RadioGroupItem
value="paypal" value="paypal"
id="paypal" id="paypal"
@ -76,7 +76,7 @@ export function CardsPaymentMethod() {
</Label> </Label>
</div> </div>
<div className="w-[100px] md:w-[150px]"> <div className="w-[100px] lg:w-[130px]">
<RadioGroupItem <RadioGroupItem
value="apple" value="apple"
id="apple" id="apple"