archive/MemShellParty
1
0
Fork 0
mirror of https://github.com/ReaJason/MemShellParty.git synced 2026-09-23 15:31:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(ui): page not suitable for big screen

Browse Source
This commit is contained in:
ReaJason
2025-09-12 22:51:50 +08:00
parent 4cd6d9fb21
commit 9159de1781
6 changed files with 79 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/memshell.tsx
+35 -31
View File
@@ -122,36 +122,40 @@ export default function MemShellPage() {
};
return (
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="flex flex-col xl:flex-row gap-4 p-4"
>
<div className="w-full xl:w-1/2 space-y-4">
<MainConfigCard
servers={serverConfig}
mainConfig={mainConfig}
form={form}
/>
<PackageConfigCard packerConfig={packerConfig} form={form} />
<Button className="w-full" type="submit" disabled={isActionPending}>
{isActionPending ? (
<LoaderCircle className="animate-spin" />
) : (
<WandSparklesIcon />
)}
{t("memshell:buttons.generate")}
</Button>
</div>
<div className="w-full xl:w-1/2 space-y-4">
<ShellResult
packMethod={packMethod}
generateResult={generateResult}
packResult={packResult}
allPackResults={allPackResults}
/>
</div>
</form>
</Form>
<div className="bg-background">
<div className="container mx-auto max-w-7xl p-4">
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="flex flex-col xl:flex-row gap-6"
>
<div className="w-full xl:w-1/2 space-y-4">
<MainConfigCard
servers={serverConfig}
mainConfig={mainConfig}
form={form}
/>
<PackageConfigCard packerConfig={packerConfig} form={form} />
<Button className="w-full" type="submit" disabled={isActionPending}>
{isActionPending ? (
<LoaderCircle className="animate-spin" />
) : (
<WandSparklesIcon />
)}
{t("memshell:buttons.generate")}
</Button>
</div>
<div className="w-full xl:w-1/2 space-y-4">
<ShellResult
packMethod={packMethod}
generateResult={generateResult}
packResult={packResult}
allPackResults={allPackResults}
/>
</div>
</form>
</Form>
</div>
</div>
);
}
web/src/pages/probeshell.tsx
+31 -27
View File
@@ -100,32 +100,36 @@ export default function ProbeShellGenerator() {
});
};
return (
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="flex flex-col xl:flex-row gap-4 p-4"
>
<div className="w-full xl:w-1/2 space-y-4">
<MainConfigCard form={form} servers={serverConfig} />
<PackageConfigCard form={form} packerConfig={packerConfig} />
<Button className="w-full" type="submit" disabled={isActionPending}>
{isActionPending ? (
<LoaderCircle className="animate-spin" />
) : (
<WandSparklesIcon />
)}
{t("probeshell:buttons.generate")}
</Button>
</div>
<div className="w-full xl:w-1/2 space-y-4">
<ShellResult
packMethod={packMethod}
generateResult={generateResult}
packResult={packResult}
allPackResults={allPackResults}
/>
</div>
</form>
</Form>
<div className="bg-background">
<div className="container mx-auto max-w-7xl p-4">
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="flex flex-col xl:flex-row gap-6"
>
<div className="w-full xl:w-1/2 space-y-6">
<MainConfigCard form={form} servers={serverConfig} />
<PackageConfigCard form={form} packerConfig={packerConfig} />
<Button className="w-full" type="submit" disabled={isActionPending}>
{isActionPending ? (
<LoaderCircle className="animate-spin" />
) : (
<WandSparklesIcon />
)}
{t("probeshell:buttons.generate")}
</Button>
</div>
<div className="w-full xl:w-1/2 space-y-6">
<ShellResult
packMethod={packMethod}
generateResult={generateResult}
packResult={packResult}
allPackResults={allPackResults}
/>
</div>
</form>
</Form>
</div>
</div>
);
}