feat: Refactor SubscriptionForm layout for improved readability and maintainability

This commit is contained in:
web@ppanel 2025-12-29 06:12:10 +00:00
parent 9559e003b7
commit f432ba06f9

View File

@ -96,6 +96,7 @@ export function SubscriptionForm({
<SheetTitle>{title}</SheetTitle> <SheetTitle>{title}</SheetTitle>
</SheetHeader> </SheetHeader>
<ScrollArea className="h-[calc(100dvh-48px-36px-36px-env(safe-area-inset-top))]"> <ScrollArea className="h-[calc(100dvh-48px-36px-36px-env(safe-area-inset-top))]">
<div className="pr-4">
<Form {...form}> <Form {...form}>
<form <form
className="mt-4 space-y-4" className="mt-4 space-y-4"
@ -129,7 +130,9 @@ export function SubscriptionForm({
name="traffic" name="traffic"
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel>{t("trafficLimit", "Traffic Limit")}</FormLabel> <FormLabel>
{t("trafficLimit", "Traffic Limit")}
</FormLabel>
<FormControl> <FormControl>
<EnhancedInput <EnhancedInput
placeholder={t("unlimited", "Unlimited")} placeholder={t("unlimited", "Unlimited")}
@ -234,6 +237,7 @@ export function SubscriptionForm({
/> />
</form> </form>
</Form> </Form>
</div>
</ScrollArea> </ScrollArea>
<SheetFooter className="flex-row justify-end gap-2 pt-3"> <SheetFooter className="flex-row justify-end gap-2 pt-3">
<Button <Button