Improve dashboard responsive layouts (#805)

* Improve dashboard responsive layouts

* Improve proxy pools mobile layout

* Improve CLI tool card input responsiveness

---------

Co-authored-by: Delynn Assistant <zhen@dkzhen.org>
This commit is contained in:
ZhenandDelynn Assistant authored and GitHub committed 2026-05-01 16:34:07 +07:00
1 parent 9ca388972c
commit 0da61d8f7b
29 files changed
+561 -464

No files matched your search

@@ -75,7 +75,11 @@ export default function MitmPageClient() {
const mitmTools = Object.entries(MITM_TOOLS);
return (
<div className="flex flex-col gap-6">
<div className="mx-auto flex w-full max-w-5xl flex-col gap-6 px-1 sm:px-0">
<div className="flex flex-col gap-1">
<h1 className="text-xl font-semibold text-text-main sm:text-2xl">MITM</h1>
<p className="text-sm text-text-muted">Route supported IDE traffic through 9Router with local DNS interception.</p>
</div>
{/* MITM Server Card */}
<MitmServerCard
apiKeys={apiKeys}
@@ -84,7 +88,7 @@ export default function MitmPageClient() {
/>
{/* Tool Cards */}
<div className="flex flex-col gap-2">
<div className="grid gap-3 sm:gap-4">
{mitmTools.map(([toolId, tool]) => (
<MitmToolCard
key={toolId}