fix(ui): show one column in phone

This commit is contained in:
ReaJason
2025-05-28 01:22:54 +08:00
parent 50707e1fb9
commit be3ec77e11
6 changed files with 23 additions and 23 deletions
+4 -4
View File
@@ -19,7 +19,7 @@ export function AntSwordTabContent({
<TabsContent value="AntSword">
<Card>
<CardContent className="space-y-2 mt-4">
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<ShellTypeFormField form={form} shellTypes={shellTypes} />
<UrlPatternFormField form={form} />
</div>
@@ -35,14 +35,14 @@ export function AntSwordTabContent({
</FormItem>
)}
/>
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<FormField
control={form.control}
name="headerName"
render={({ field }) => (
<FormItem className="gap-1">
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
@@ -54,7 +54,7 @@ export function AntSwordTabContent({
<FormLabel className="h-6 flex items-center gap-1">
{t("shellToolConfig.headerValue")} {t("optional")}
</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
+4 -4
View File
@@ -19,7 +19,7 @@ export function BehinderTabContent({
<TabsContent value="Behinder">
<Card>
<CardContent className="space-y-2 mt-4">
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<ShellTypeFormField form={form} shellTypes={shellTypes} />
<UrlPatternFormField form={form} />
</div>
@@ -35,14 +35,14 @@ export function BehinderTabContent({
</FormItem>
)}
/>
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<FormField
control={form.control}
name="headerName"
render={({ field }) => (
<FormItem className="gap-1">
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
@@ -54,7 +54,7 @@ export function BehinderTabContent({
<FormLabel className="h-6 flex items-center gap-1">
{t("shellToolConfig.headerValue")} {t("optional")}
</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
+1 -1
View File
@@ -24,7 +24,7 @@ export default function CustomTabContent({
<TabsContent value="Custom">
<Card>
<CardContent className="space-y-2 mt-4">
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<ShellTypeFormField form={form} shellTypes={shellTypes} />
<UrlPatternFormField form={form} />
</div>
+6 -6
View File
@@ -19,11 +19,11 @@ export function GodzillaTabContent({
<TabsContent value="Godzilla">
<Card>
<CardContent className="space-y-2 mt-4">
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<ShellTypeFormField form={form} shellTypes={shellTypes} />
<UrlPatternFormField form={form} />
</div>
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<FormField
control={form.control}
name="godzillaPass"
@@ -32,7 +32,7 @@ export function GodzillaTabContent({
<FormLabel className="h-6 flex items-center gap-1">
{t("shellToolConfig.pass")} {t("optional")}
</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.pass")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
@@ -44,7 +44,7 @@ export function GodzillaTabContent({
<FormLabel className="h-6 flex items-center gap-1">
{t("shellToolConfig.key")} {t("optional")}
</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.key")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
@@ -54,7 +54,7 @@ export function GodzillaTabContent({
render={({ field }) => (
<FormItem className="gap-1">
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
@@ -66,7 +66,7 @@ export function GodzillaTabContent({
<FormLabel className="h-6 flex items-center gap-1">
{t("shellToolConfig.headerValue")} {t("optional")}
</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
+4 -4
View File
@@ -19,18 +19,18 @@ export function NeoRegTabContent({
<TabsContent value="NeoreGeorg">
<Card>
<CardContent className="space-y-2 mt-4">
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<ShellTypeFormField form={form} shellTypes={shellTypes} />
<UrlPatternFormField form={form} />
</div>
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<FormField
control={form.control}
name="headerName"
render={({ field }) => (
<FormItem className="gap-1">
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
@@ -42,7 +42,7 @@ export function NeoRegTabContent({
<FormLabel className="h-6 flex items-center gap-1">
{t("shellToolConfig.headerValue")} {t("optional")}
</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
+4 -4
View File
@@ -19,18 +19,18 @@ export function Suo5TabContent({
<TabsContent value="Suo5">
<Card>
<CardContent className="space-y-2 mt-4">
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<ShellTypeFormField form={form} shellTypes={shellTypes} />
<UrlPatternFormField form={form} />
</div>
<div className="grid grid-cols-2 gap-2">
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
<FormField
control={form.control}
name="headerName"
render={({ field }) => (
<FormItem className="gap-1">
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>
@@ -42,7 +42,7 @@ export function Suo5TabContent({
<FormLabel className="h-6 flex items-center gap-1">
{t("shellToolConfig.headerValue")} {t("optional")}
</FormLabel>
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
</FormItem>
)}
/>