✨ feat: Refactor SubscriptionForm layout for improved readability and maintainability
This commit is contained in:
parent
9559e003b7
commit
f432ba06f9
@ -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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user