fix(panel): pin sidebar navigation and enable independent content scroll

This commit is contained in:
Lemon-miaow committed 2026-07-02 03:30:51 +08:00
1 parent 92770eade8
commit 6e43a466e0
3 files changed
+2 -4

No files matched your search

+2 -2
View File
@@ -151,7 +151,7 @@ export function AppShell() {
}, [i18n.language, t]); }, [i18n.language, t]);
return ( return (
<div className="flex min-h-screen"> <div className="flex h-screen overflow-hidden">
<aside className="hidden w-60 shrink-0 flex-col border-r border-border bg-card/40 p-4 md:flex"> <aside className="hidden w-60 shrink-0 flex-col border-r border-border bg-card/40 p-4 md:flex">
<div className="mb-6 flex items-center gap-2 px-2"> <div className="mb-6 flex items-center gap-2 px-2">
<Cat className="h-6 w-6 text-primary" /> <Cat className="h-6 w-6 text-primary" />
@@ -186,7 +186,7 @@ export function AppShell() {
</div> </div>
</aside> </aside>
<div className="flex min-w-0 flex-1 flex-col"> <div className="flex min-w-0 flex-1 flex-col h-full overflow-y-auto">
<header className="flex h-14 items-center justify-between border-b border-border px-4 md:hidden"> <header className="flex h-14 items-center justify-between border-b border-border px-4 md:hidden">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Cat className="h-5 w-5 text-primary" /> <Cat className="h-5 w-5 text-primary" />
-1
View File
@@ -1,7 +1,6 @@
import { useState } from "react"; import { useState } from "react";
import { Server, Search, X } from "lucide-react"; import { Server, Search, X } from "lucide-react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Card, CardContent } from "@/components/ui/card";
import { ServerCard } from "@/components/ServerCard"; import { ServerCard } from "@/components/ServerCard";
import { Pagination } from "@/components/Pagination"; import { Pagination } from "@/components/Pagination";
import { Loading, ErrorState, EmptyState } from "@/components/States"; import { Loading, ErrorState, EmptyState } from "@/components/States";
-1
View File
@@ -1,7 +1,6 @@
import { useState } from "react"; import { useState } from "react";
import { ServerCog } from "lucide-react"; import { ServerCog } from "lucide-react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Card, CardContent } from "@/components/ui/card";
import { ServerCard } from "@/components/ServerCard"; import { ServerCard } from "@/components/ServerCard";
import { Pagination } from "@/components/Pagination"; import { Pagination } from "@/components/Pagination";
import { CreateServerDialog } from "@/components/CreateServerDialog"; import { CreateServerDialog } from "@/components/CreateServerDialog";