[fix] steam users card overflow

This commit is contained in:
Purp1e
2025-04-02 22:26:37 +08:00
parent c67c358354
commit c5330aec8f
4 changed files with 19 additions and 16 deletions

BIN
bun.lockb

Binary file not shown.

View File

@@ -23,44 +23,44 @@
"@reactuses/core": "6.0.1", "@reactuses/core": "6.0.1",
"@supabase/ssr": "0.6.1", "@supabase/ssr": "0.6.1",
"@tauri-apps/api": "2.4.0", "@tauri-apps/api": "2.4.0",
"@tauri-apps/plugin-autostart": "^2.2.0", "@tauri-apps/plugin-autostart": "^2.3.0",
"@tauri-apps/plugin-cli": "~2", "@tauri-apps/plugin-cli": "~2.2.0",
"@tauri-apps/plugin-clipboard-manager": "2.2.2", "@tauri-apps/plugin-clipboard-manager": "2.2.2",
"@tauri-apps/plugin-deep-link": "~2.2.0", "@tauri-apps/plugin-deep-link": "~2.2.1",
"@tauri-apps/plugin-dialog": "~2.2.0", "@tauri-apps/plugin-dialog": "~2.2.1",
"@tauri-apps/plugin-fs": "2.2.0", "@tauri-apps/plugin-fs": "2.2.0",
"@tauri-apps/plugin-global-shortcut": "2.2.0", "@tauri-apps/plugin-global-shortcut": "2.2.0",
"@tauri-apps/plugin-http": "2.4.2", "@tauri-apps/plugin-http": "2.4.2",
"@tauri-apps/plugin-notification": "2.2.2", "@tauri-apps/plugin-notification": "2.2.2",
"@tauri-apps/plugin-os": "2.2.1", "@tauri-apps/plugin-os": "2.2.1",
"@tauri-apps/plugin-process": "2.2.0", "@tauri-apps/plugin-process": "2.2.0",
"@tauri-apps/plugin-shell": "~2", "@tauri-apps/plugin-shell": "~2.2.1",
"@tauri-apps/plugin-store": "^2.2.0", "@tauri-apps/plugin-store": "^2.2.0",
"@tauri-store/valtio": "2.1.1", "@tauri-store/valtio": "2.1.1",
"@types/throttle-debounce": "^5.0.2", "@types/throttle-debounce": "^5.0.2",
"ahooks": "^3.8.4", "ahooks": "^3.8.4",
"framer-motion": "^12.5.0", "framer-motion": "^12.6.3",
"next": "15.2.3", "next": "15.2.3",
"next-themes": "^0.4.6", "next-themes": "^0.4.6",
"react": "^19.0.0", "react": "^19.1.0",
"react-dom": "^19.0.0", "react-dom": "^19.1.0",
"react-markdown": "^10.1.0", "react-markdown": "^10.1.0",
"remark-gfm": "^4.0.1", "remark-gfm": "^4.0.1",
"swr": "^2.3.3", "swr": "^2.3.3",
"tauri-plugin-system-info-api": "^2.0.10" "tauri-plugin-system-info-api": "^2.0.10"
}, },
"devDependencies": { "devDependencies": {
"@tauri-apps/cli": "^2.4.0", "@tauri-apps/cli": "^2.4.1",
"@testing-library/dom": "^10.4.0", "@testing-library/dom": "^10.4.0",
"@testing-library/jest-dom": "^6.6.3", "@testing-library/jest-dom": "^6.6.3",
"@testing-library/react": "^16.2.0", "@testing-library/react": "^16.2.0",
"@testing-library/user-event": "^14.6.1", "@testing-library/user-event": "^14.6.1",
"@types/jest": "^29.5.14", "@types/jest": "^29.5.14",
"@types/node": "^22.13.13", "@types/node": "^22.13.17",
"@types/react": "19.0.10", "@types/react": "19.0.10",
"@types/react-dom": "19.0.4", "@types/react-dom": "19.0.4",
"@typescript-eslint/eslint-plugin": "^8.28.0", "@typescript-eslint/eslint-plugin": "^8.29.0",
"@typescript-eslint/parser": "^8.28.0", "@typescript-eslint/parser": "^8.29.0",
"autoprefixer": "^10.4.21", "autoprefixer": "^10.4.21",
"clsx": "^2.1.1", "clsx": "^2.1.1",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",

View File

@@ -10,7 +10,7 @@ export default function PreferenceLayout({
// const pathname = usePathname() // const pathname = usePathname()
return ( return (
<div className="flex w-full gap-3"> <div className="flex w-full h-full gap-3 overflow-hidden">
{/* <Card className="flex-grow max-w-ful"> {/* <Card className="flex-grow max-w-ful">
<CardHeader> <CardHeader>
<CardIcon <CardIcon

View File

@@ -20,7 +20,7 @@ const SteamUsers = ({ className }: { className?: string }) => {
} }
return ( return (
<Card /* className={cn("max-w-96", className)} */> <Card className="overflow-hidden">
<CardHeader> <CardHeader>
<CardIcon> <CardIcon>
<User /> Steam用户 <User /> Steam用户
@@ -32,8 +32,11 @@ const SteamUsers = ({ className }: { className?: string }) => {
</ToolButton> </ToolButton>
</CardTool> </CardTool>
</CardHeader> </CardHeader>
<CardBody> <CardBody className="overflow-y-hidden">
<ul className="flex flex-col gap-3 mt-1" ref={parent}> <ul
className="flex flex-col h-full gap-3 mt-1 overflow-y-auto rounded-lg hide-scrollbar"
ref={parent}
>
{steam.state.users.map((user, id) => ( {steam.state.users.map((user, id) => (
<li <li
key={user.account_name} key={user.account_name}