etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(gift): stretch my-gifts cards full-width instead of cramped 2-col grid

Browse Source 
The 2-column grid inside the max-w-2xl container made each gift card a narrow ~330px half. Gift cards are content-rich (header, code, share preview, buttons), so stack them single-column full-width — they now stretch to the container width on every breakpoint.
This commit is contained in:
c0mrade
2026-06-01 14:11:50 +03:00
parent 7ca9c043dd
commit 50d7d21462
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/GiftSubscription.tsx
View File

@@ -1110,7 +1110,7 @@ function MyGiftsTabContent() {
<h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400"> <h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400">
{t('gift.activeGiftsTitle')} {t('gift.activeGiftsTitle')}
</h2> </h2>
<div className="grid gap-3 sm:grid-cols-2"> <div className="space-y-3">
{activeGifts.map((gift) => ( {activeGifts.map((gift) => (
<SentGiftCard key={gift.token} gift={gift} /> <SentGiftCard key={gift.token} gift={gift} />
))} ))}
@@ -1124,7 +1124,7 @@ function MyGiftsTabContent() {
<h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400"> <h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400">
{t('gift.activatedGiftsTitle')} {t('gift.activatedGiftsTitle')}
</h2> </h2>
<div className="grid gap-3 sm:grid-cols-2"> <div className="space-y-3">
{activatedGifts.map((gift) => ( {activatedGifts.map((gift) => (
<SentGiftCard key={gift.token} gift={gift} /> <SentGiftCard key={gift.token} gift={gift} />
))} ))}
@@ -1138,7 +1138,7 @@ function MyGiftsTabContent() {
<h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400"> <h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400">
{t('gift.receivedGiftsTitle')} {t('gift.receivedGiftsTitle')}
</h2> </h2>
<div className="grid gap-3 sm:grid-cols-2"> <div className="space-y-3">
{receivedGifts!.map((gift) => ( {receivedGifts!.map((gift) => (
<ReceivedGiftCard key={gift.token} gift={gift} /> <ReceivedGiftCard key={gift.token} gift={gift} />
))} ))}