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>
<CardContent className="grid gap-6">
<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
value="card"
id="card"
@ -60,7 +60,7 @@ export function CardsPaymentMethod() {
</Label>
</div>
<div className="w-[100px] md:w-[150px]">
<div className="w-[100px] lg:w-[130px]">
<RadioGroupItem
value="paypal"
id="paypal"
@ -76,7 +76,7 @@ export function CardsPaymentMethod() {
</Label>
</div>
<div className="w-[100px] md:w-[150px]">
<div className="w-[100px] lg:w-[130px]">
<RadioGroupItem
value="apple"
id="apple"