diff --git a/src/pages/AdminLandings.tsx b/src/pages/AdminLandings.tsx index dcc0746..24211c8 100644 --- a/src/pages/AdminLandings.tsx +++ b/src/pages/AdminLandings.tsx @@ -115,7 +115,7 @@ function SortableLandingCard({ ref={setNodeRef} style={style} className={cn( - 'rounded-xl border bg-dark-800 p-4 transition-colors', + 'rounded-xl border bg-dark-800 p-3 transition-colors sm:p-4', isDragging ? 'border-accent-500/50 shadow-xl shadow-accent-500/20' : landing.is_active @@ -123,100 +123,159 @@ function SortableLandingCard({ : 'border-dark-700/50 opacity-60', )} > -
+
{/* Drag handle */} - {/* Content */} + {/* Content + Actions wrapper */}
-
-

- {resolveLocaleDisplay(landing.title)} -

- - {landing.slug} - - {landing.is_active ? ( - - {t('admin.landings.active')} - - ) : ( - - {t('admin.landings.inactive')} - - )} - {landing.gift_enabled && ( - - - - )} + {/* Top row: title/slug + actions (desktop) */} +
+
+
+

+ {resolveLocaleDisplay(landing.title)} +

+ + {landing.slug} + + {landing.is_active ? ( + + {t('admin.landings.active')} + + ) : ( + + {t('admin.landings.inactive')} + + )} + {landing.gift_enabled && ( + + + + )} +
+
+ + {landing.purchase_stats.total} {t('admin.landings.purchases')} + +
+
+ + {/* Actions: hidden on mobile, shown on desktop */} +
+ + + + +
-
- - {landing.purchase_stats.total} {t('admin.landings.purchases')} - + + {/* Actions: shown on mobile only */} +
+ + + +
+
- - {/* Actions */} -
- - - - - - - -
);