Skip to content

Commit 122d747

Browse files
ReaJasonReaJason
committed
fix(ui): page not suitable for big screen
1 parent ba6499c commit 122d747

6 files changed

Lines changed: 79 additions & 67 deletions

File tree

‎web/bun.lockb‎

504 Bytes
Binary file not shown.

‎web/package.json‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,21 +17,21 @@
1717
"@biomejs/biome": "2.1.4",
1818
"@react-router/dev": "^7.8.2",
1919
"@types/node": "^24.3.0",
20-
"@types/react": "^19.1.11",
20+
"@types/react": "^19.1.12",
2121
"@types/react-copy-to-clipboard": "^5.0.7",
22-
"@types/react-dom": "^19.1.7",
22+
"@types/react-dom": "^19.1.9",
2323
"@types/react-syntax-highlighter": "^15.5.13",
24-
"@vitejs/plugin-react": "^5.0.1",
24+
"@vitejs/plugin-react": "^5.0.2",
2525
"rimraf": "^6.0.1",
2626
"tailwindcss": "^4.1.12",
2727
"typescript": "^5.9.2",
28-
"vite": "^7.1.3",
28+
"vite": "^7.1.4",
2929
"vite-bundle-visualizer": "^1.2.1"
3030
},
3131
"dependencies": {
3232
"@hookform/resolvers": "^5.2.1",
3333
"@tailwindcss/vite": "^4.1.12",
34-
"@tanstack/react-query": "^5.85.5",
34+
"@tanstack/react-query": "^5.85.9",
3535
"class-variance-authority": "^0.7.1",
3636
"clsx": "^2.1.1",
3737
"framer-motion": "^12.23.12",
@@ -43,13 +43,13 @@
4343
"react-copy-to-clipboard": "^5.1.0",
4444
"react-dom": "^19.1.1",
4545
"react-hook-form": "^7.62.0",
46-
"react-i18next": "^15.7.2",
46+
"react-i18next": "^15.7.3",
4747
"react-router": "^7.8.2",
4848
"react-router-dom": "^7.8.2",
4949
"react-syntax-highlighter": "^15.6.6",
5050
"sonner": "^2.0.7",
5151
"tailwind-merge": "^3.3.1",
52-
"tw-animate-css": "^1.3.7",
52+
"tw-animate-css": "^1.3.8",
5353
"yup": "^1.7.0"
5454
},
5555
"trustedDependencies": [

‎web/src/components/memshell/results/multi-packer.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,11 @@ import {
1212
export function MultiPackResult({
1313
allPackResults,
1414
packMethod,
15+
height = 350,
1516
}: Readonly<{
1617
allPackResults: object | undefined;
1718
packMethod: string;
19+
height?: number;
1820
}>) {
1921
const showCode = packMethod === "JSP";
2022
const { t } = useTranslation();
@@ -67,7 +69,7 @@ export function MultiPackResult({
6769
wrapLongLines={!showCode}
6870
showLineNumbers={showCode}
6971
language={showCode ? "java" : "text"}
70-
height={350}
72+
height={height}
7173
/>
7274
);
7375
}

‎web/src/components/probeshell/shell-result.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ export default function ShellResult({
2727
return <QuickUsage />;
2828
}
2929
const showCode = packMethod === "JSP";
30+
const height = 550;
3031
return (
3132
<Tabs defaultValue="packResult">
3233
<TabsList className="grid w-full grid-cols-1">
@@ -40,6 +41,7 @@ export default function ShellResult({
4041
<MultiPackResult
4142
allPackResults={allPackResults}
4243
packMethod={packMethod}
44+
height={height}
4345
/>
4446
)}
4547
{packResult && (
@@ -58,7 +60,7 @@ export default function ShellResult({
5860
wrapLongLines={!showCode}
5961
showLineNumbers={showCode}
6062
language={showCode ? "java" : "text"}
61-
height={350}
63+
height={height}
6264
/>
6365
)}
6466
</TabsContent>

‎web/src/pages/memshell.tsx‎

Lines changed: 35 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -122,36 +122,40 @@ export default function MemShellPage() {
122122
};
123123

124124
return (
125-
<Form {...form}>
126-
<form
127-
onSubmit={form.handleSubmit(onSubmit)}
128-
className="flex flex-col xl:flex-row gap-4 p-4"
129-
>
130-
<div className="w-full xl:w-1/2 space-y-4">
131-
<MainConfigCard
132-
servers={serverConfig}
133-
mainConfig={mainConfig}
134-
form={form}
135-
/>
136-
<PackageConfigCard packerConfig={packerConfig} form={form} />
137-
<Button className="w-full" type="submit" disabled={isActionPending}>
138-
{isActionPending ? (
139-
<LoaderCircle className="animate-spin" />
140-
) : (
141-
<WandSparklesIcon />
142-
)}
143-
{t("memshell:buttons.generate")}
144-
</Button>
145-
</div>
146-
<div className="w-full xl:w-1/2 space-y-4">
147-
<ShellResult
148-
packMethod={packMethod}
149-
generateResult={generateResult}
150-
packResult={packResult}
151-
allPackResults={allPackResults}
152-
/>
153-
</div>
154-
</form>
155-
</Form>
125+
<div className="bg-background">
126+
<div className="container mx-auto max-w-7xl p-4">
127+
<Form {...form}>
128+
<form
129+
onSubmit={form.handleSubmit(onSubmit)}
130+
className="flex flex-col xl:flex-row gap-6"
131+
>
132+
<div className="w-full xl:w-1/2 space-y-4">
133+
<MainConfigCard
134+
servers={serverConfig}
135+
mainConfig={mainConfig}
136+
form={form}
137+
/>
138+
<PackageConfigCard packerConfig={packerConfig} form={form} />
139+
<Button className="w-full" type="submit" disabled={isActionPending}>
140+
{isActionPending ? (
141+
<LoaderCircle className="animate-spin" />
142+
) : (
143+
<WandSparklesIcon />
144+
)}
145+
{t("memshell:buttons.generate")}
146+
</Button>
147+
</div>
148+
<div className="w-full xl:w-1/2 space-y-4">
149+
<ShellResult
150+
packMethod={packMethod}
151+
generateResult={generateResult}
152+
packResult={packResult}
153+
allPackResults={allPackResults}
154+
/>
155+
</div>
156+
</form>
157+
</Form>
158+
</div>
159+
</div>
156160
);
157161
}

‎web/src/pages/probeshell.tsx‎

Lines changed: 31 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -100,32 +100,36 @@ export default function ProbeShellGenerator() {
100100
});
101101
};
102102
return (
103-
<Form {...form}>
104-
<form
105-
onSubmit={form.handleSubmit(onSubmit)}
106-
className="flex flex-col xl:flex-row gap-4 p-4"
107-
>
108-
<div className="w-full xl:w-1/2 space-y-4">
109-
<MainConfigCard form={form} servers={serverConfig} />
110-
<PackageConfigCard form={form} packerConfig={packerConfig} />
111-
<Button className="w-full" type="submit" disabled={isActionPending}>
112-
{isActionPending ? (
113-
<LoaderCircle className="animate-spin" />
114-
) : (
115-
<WandSparklesIcon />
116-
)}
117-
{t("probeshell:buttons.generate")}
118-
</Button>
119-
</div>
120-
<div className="w-full xl:w-1/2 space-y-4">
121-
<ShellResult
122-
packMethod={packMethod}
123-
generateResult={generateResult}
124-
packResult={packResult}
125-
allPackResults={allPackResults}
126-
/>
127-
</div>
128-
</form>
129-
</Form>
103+
<div className="bg-background">
104+
<div className="container mx-auto max-w-7xl p-4">
105+
<Form {...form}>
106+
<form
107+
onSubmit={form.handleSubmit(onSubmit)}
108+
className="flex flex-col xl:flex-row gap-6"
109+
>
110+
<div className="w-full xl:w-1/2 space-y-6">
111+
<MainConfigCard form={form} servers={serverConfig} />
112+
<PackageConfigCard form={form} packerConfig={packerConfig} />
113+
<Button className="w-full" type="submit" disabled={isActionPending}>
114+
{isActionPending ? (
115+
<LoaderCircle className="animate-spin" />
116+
) : (
117+
<WandSparklesIcon />
118+
)}
119+
{t("probeshell:buttons.generate")}
120+
</Button>
121+
</div>
122+
<div className="w-full xl:w-1/2 space-y-6">
123+
<ShellResult
124+
packMethod={packMethod}
125+
generateResult={generateResult}
126+
packResult={packResult}
127+
allPackResults={allPackResults}
128+
/>
129+
</div>
130+
</form>
131+
</Form>
132+
</div>
133+
</div>
130134
);
131135
}

0 commit comments

Comments
 (0)