[fix] steam users card overflow

src/app/(main)/users/layout.tsx

@@ -10,7 +10,7 @@ export default function PreferenceLayout({
   // const pathname = usePathname()
 
   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">
         <CardHeader>
           <CardIcon

src/components/cstb/SteamUsers.tsx

@@ -20,7 +20,7 @@ const SteamUsers = ({ className }: { className?: string }) => {
   }
 
   return (
-    <Card /* className={cn("max-w-96", className)} */>
+    <Card className="overflow-hidden">
       <CardHeader>
         <CardIcon>
           <User /> Steam用户
@@ -32,8 +32,11 @@ const SteamUsers = ({ className }: { className?: string }) => {
           </ToolButton>
         </CardTool>
       </CardHeader>
-      <CardBody>
-        <ul className="flex flex-col gap-3 mt-1" ref={parent}>
+      <CardBody className="overflow-y-hidden">
+        <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) => (
             <li
               key={user.account_name}