Skip to content

Commit be3ec77

Browse files
ReaJasonReaJason
committed
fix(ui): show one column in phone
1 parent 50707e1 commit be3ec77

File tree

6 files changed

+23
-23
lines changed

6 files changed

+23
-23
lines changed

‎web/src/components/tools/antsword-tab.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export function AntSwordTabContent({
1919
<TabsContent value="AntSword">
2020
<Card>
2121
<CardContent className="space-y-2 mt-4">
22-
<div className="grid grid-cols-2 gap-2">
22+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2323
<ShellTypeFormField form={form} shellTypes={shellTypes} />
2424
<UrlPatternFormField form={form} />
2525
</div>
@@ -35,14 +35,14 @@ export function AntSwordTabContent({
3535
</FormItem>
3636
)}
3737
/>
38-
<div className="grid grid-cols-2 gap-2">
38+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
3939
<FormField
4040
control={form.control}
4141
name="headerName"
4242
render={({ field }) => (
4343
<FormItem className="gap-1">
4444
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
45-
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
45+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
4646
</FormItem>
4747
)}
4848
/>
@@ -54,7 +54,7 @@ export function AntSwordTabContent({
5454
<FormLabel className="h-6 flex items-center gap-1">
5555
{t("shellToolConfig.headerValue")} {t("optional")}
5656
</FormLabel>
57-
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
57+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
5858
</FormItem>
5959
)}
6060
/>

‎web/src/components/tools/behinder-tab.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export function BehinderTabContent({
1919
<TabsContent value="Behinder">
2020
<Card>
2121
<CardContent className="space-y-2 mt-4">
22-
<div className="grid grid-cols-2 gap-2">
22+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2323
<ShellTypeFormField form={form} shellTypes={shellTypes} />
2424
<UrlPatternFormField form={form} />
2525
</div>
@@ -35,14 +35,14 @@ export function BehinderTabContent({
3535
</FormItem>
3636
)}
3737
/>
38-
<div className="grid grid-cols-2 gap-2">
38+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
3939
<FormField
4040
control={form.control}
4141
name="headerName"
4242
render={({ field }) => (
4343
<FormItem className="gap-1">
4444
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
45-
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
45+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
4646
</FormItem>
4747
)}
4848
/>
@@ -54,7 +54,7 @@ export function BehinderTabContent({
5454
<FormLabel className="h-6 flex items-center gap-1">
5555
{t("shellToolConfig.headerValue")} {t("optional")}
5656
</FormLabel>
57-
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
57+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
5858
</FormItem>
5959
)}
6060
/>

‎web/src/components/tools/custom-tab.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ export default function CustomTabContent({
2424
<TabsContent value="Custom">
2525
<Card>
2626
<CardContent className="space-y-2 mt-4">
27-
<div className="grid grid-cols-2 gap-2">
27+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2828
<ShellTypeFormField form={form} shellTypes={shellTypes} />
2929
<UrlPatternFormField form={form} />
3030
</div>

‎web/src/components/tools/godzilla-tab.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,11 @@ export function GodzillaTabContent({
1919
<TabsContent value="Godzilla">
2020
<Card>
2121
<CardContent className="space-y-2 mt-4">
22-
<div className="grid grid-cols-2 gap-2">
22+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2323
<ShellTypeFormField form={form} shellTypes={shellTypes} />
2424
<UrlPatternFormField form={form} />
2525
</div>
26-
<div className="grid grid-cols-2 gap-2">
26+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2727
<FormField
2828
control={form.control}
2929
name="godzillaPass"
@@ -32,7 +32,7 @@ export function GodzillaTabContent({
3232
<FormLabel className="h-6 flex items-center gap-1">
3333
{t("shellToolConfig.pass")} {t("optional")}
3434
</FormLabel>
35-
<Input {...field} placeholder={t("shellToolConfig.pass")} className="h-8" />
35+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
3636
</FormItem>
3737
)}
3838
/>
@@ -44,7 +44,7 @@ export function GodzillaTabContent({
4444
<FormLabel className="h-6 flex items-center gap-1">
4545
{t("shellToolConfig.key")} {t("optional")}
4646
</FormLabel>
47-
<Input {...field} placeholder={t("shellToolConfig.key")} className="h-8" />
47+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
4848
</FormItem>
4949
)}
5050
/>
@@ -54,7 +54,7 @@ export function GodzillaTabContent({
5454
render={({ field }) => (
5555
<FormItem className="gap-1">
5656
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
57-
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
57+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
5858
</FormItem>
5959
)}
6060
/>
@@ -66,7 +66,7 @@ export function GodzillaTabContent({
6666
<FormLabel className="h-6 flex items-center gap-1">
6767
{t("shellToolConfig.headerValue")} {t("optional")}
6868
</FormLabel>
69-
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
69+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
7070
</FormItem>
7171
)}
7272
/>

‎web/src/components/tools/neoreg-tab.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,18 +19,18 @@ export function NeoRegTabContent({
1919
<TabsContent value="NeoreGeorg">
2020
<Card>
2121
<CardContent className="space-y-2 mt-4">
22-
<div className="grid grid-cols-2 gap-2">
22+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2323
<ShellTypeFormField form={form} shellTypes={shellTypes} />
2424
<UrlPatternFormField form={form} />
2525
</div>
26-
<div className="grid grid-cols-2 gap-2">
26+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2727
<FormField
2828
control={form.control}
2929
name="headerName"
3030
render={({ field }) => (
3131
<FormItem className="gap-1">
3232
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
33-
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
33+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
3434
</FormItem>
3535
)}
3636
/>
@@ -42,7 +42,7 @@ export function NeoRegTabContent({
4242
<FormLabel className="h-6 flex items-center gap-1">
4343
{t("shellToolConfig.headerValue")} {t("optional")}
4444
</FormLabel>
45-
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
45+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
4646
</FormItem>
4747
)}
4848
/>

‎web/src/components/tools/suo5-tab.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,18 +19,18 @@ export function Suo5TabContent({
1919
<TabsContent value="Suo5">
2020
<Card>
2121
<CardContent className="space-y-2 mt-4">
22-
<div className="grid grid-cols-2 gap-2">
22+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2323
<ShellTypeFormField form={form} shellTypes={shellTypes} />
2424
<UrlPatternFormField form={form} />
2525
</div>
26-
<div className="grid grid-cols-2 gap-2">
26+
<div className="grid grid-cols-1 md:grid-cols-2 gap-2">
2727
<FormField
2828
control={form.control}
2929
name="headerName"
3030
render={({ field }) => (
3131
<FormItem className="gap-1">
3232
<FormLabel className="h-6 flex items-center gap-1">{t("shellToolConfig.headerName")}</FormLabel>
33-
<Input {...field} placeholder={t("shellToolConfig.headerName")} className="h-8" />
33+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
3434
</FormItem>
3535
)}
3636
/>
@@ -42,7 +42,7 @@ export function Suo5TabContent({
4242
<FormLabel className="h-6 flex items-center gap-1">
4343
{t("shellToolConfig.headerValue")} {t("optional")}
4444
</FormLabel>
45-
<Input {...field} placeholder={t("shellToolConfig.headerValue")} className="h-8" />
45+
<Input {...field} placeholder={t("placeholders.input")} className="h-8" />
4646
</FormItem>
4747
)}
4848
/>

0 commit comments

Comments
 (0)