ext/new-api
2
0
Fork 0
mirror of https://github.com/QuantumNous/new-api.git synced 2026-09-07 01:56:53 +00:00
Code Activity

feat(ui): improve mobile responsive layouts

Browse Source
This commit is contained in:
CaIon
2026-04-30 19:53:02 +08:00
parent aa730395f1
commit d46df94f05
84 changed files with 1174 additions and 731 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/default/src/features/subscriptions/components/dialogs/subscription-purchase-dialog.tsx
Vendored
+5 -5
View File
@@ -165,7 +165,7 @@ export function SubscriptionPurchaseDialog(props: Props) {
return (
<Dialog open={props.open} onOpenChange={props.onOpenChange}>
<DialogContent className='sm:max-w-md'>
<DialogContent className='max-sm:w-[calc(100vw-1.5rem)] sm:max-w-md'>
<DialogHeader>
<DialogTitle className='flex items-center gap-2'>
<Crown className='h-5 w-5' />
@@ -173,8 +173,8 @@ export function SubscriptionPurchaseDialog(props: Props) {
</DialogTitle>
</DialogHeader>
<div className='space-y-4'>
<div className='bg-muted/50 space-y-3 rounded-lg border p-4'>
<div className='space-y-3 sm:space-y-4'>
<div className='bg-muted/50 space-y-2.5 rounded-lg border p-3 sm:space-y-3 sm:p-4'>
<div className='flex justify-between'>
<span className='text-muted-foreground text-sm'>
{t('Plan Name')}
@@ -239,7 +239,7 @@ export function SubscriptionPurchaseDialog(props: Props) {
{t('Select payment method')}
</p>
{(hasStripe || hasCreem) && (
<div className='flex gap-2'>
<div className='grid grid-cols-2 gap-2 sm:flex'>
{hasStripe && (
<Button
variant='outline'
@@ -263,7 +263,7 @@ export function SubscriptionPurchaseDialog(props: Props) {
</div>
)}
{hasEpay && (
<div className='flex gap-2'>
<div className='grid grid-cols-[minmax(0,1fr)_auto] gap-2'>
<Select
value={selectedEpayMethod}
onValueChange={setSelectedEpayMethod}