From feef94f873650a06f3afa8380718ccb450afa49a Mon Sep 17 00:00:00 2001
From: river <382599512@qq.com>
Date: Tue, 10 Sep 2024 22:56:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=201.=20=E4=BF=AE=E5=A4=8D=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E6=8E=A7=E5=88=B6=E9=9D=A2=E6=9D=BF=E5=9C=A8md?=
 =?UTF-8?q?=E5=92=8C2xl=E7=9A=84=E6=97=B6=E5=80=99=E4=BC=9A=E8=B6=85?=
 =?UTF-8?q?=E5=87=BA=E5=B1=8F=E5=B9=95=202.=E4=BF=AE=E5=A4=8D=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83=E7=AE=A1=E7=90=86-=E6=B7=BB=E5=8A=A0=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83=E9=80=89=E6=8B=A9ssh=20=E5=BC=B9=E7=AA=97=E8=BF=87?=
 =?UTF-8?q?=E9=95=BF=E8=B6=85=E5=87=BA=E5=B1=8F=E5=B9=95=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/certimate/AccessEdit.tsx | 75 +++++++++++-----------
 ui/src/pages/dashboard/Dashboard.tsx       | 10 +--
 ui/tailwind.config.js                      |  1 +
 3 files changed, 45 insertions(+), 41 deletions(-)

diff --git a/ui/src/components/certimate/AccessEdit.tsx b/ui/src/components/certimate/AccessEdit.tsx
index 736e720b..8f740695 100644
--- a/ui/src/components/certimate/AccessEdit.tsx
+++ b/ui/src/components/certimate/AccessEdit.tsx
@@ -5,6 +5,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "@/components/ui/dialog";
+import { ScrollArea } from "@/components/ui/scroll-area";
 
 import { useState } from "react";
 
@@ -136,44 +137,46 @@ export function AccessEdit({
         <DialogHeader>
           <DialogTitle>{op == "add" ? "添加" : "编辑"}授权</DialogTitle>
         </DialogHeader>
-        <div className="container">
-          <Label>服务商</Label>
+        <ScrollArea className="max-h-[80vh]">
+          <div className="container">
+            <Label>服务商</Label>
 
-          <Select
-            onValueChange={(val) => {
-              console.log(val);
-              setConfigType(val);
-            }}
-            defaultValue={configType}
-          >
-            <SelectTrigger className="mt-3">
-              <SelectValue placeholder="请选择服务商" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectGroup>
-                <SelectLabel>服务商</SelectLabel>
-                {typeKeys.map((key) => (
-                  <SelectItem value={key} key={key}>
-                    <div
-                      className={cn(
-                        "flex items-center space-x-2 rounded cursor-pointer",
-                        getOptionCls(key)
-                      )}
-                    >
-                      <img
-                        src={accessTypeMap.get(key)?.[1]}
-                        className="h-6 w-6"
-                      />
-                      <div>{accessTypeMap.get(key)?.[0]}</div>
-                    </div>
-                  </SelectItem>
-                ))}
-              </SelectGroup>
-            </SelectContent>
-          </Select>
+            <Select
+              onValueChange={(val) => {
+                console.log(val);
+                setConfigType(val);
+              }}
+              defaultValue={configType}
+            >
+              <SelectTrigger className="mt-3">
+                <SelectValue placeholder="请选择服务商" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectGroup>
+                  <SelectLabel>服务商</SelectLabel>
+                  {typeKeys.map((key) => (
+                    <SelectItem value={key} key={key}>
+                      <div
+                        className={cn(
+                          "flex items-center space-x-2 rounded cursor-pointer",
+                          getOptionCls(key)
+                        )}
+                      >
+                        <img
+                          src={accessTypeMap.get(key)?.[1]}
+                          className="h-6 w-6"
+                        />
+                        <div>{accessTypeMap.get(key)?.[0]}</div>
+                      </div>
+                    </SelectItem>
+                  ))}
+                </SelectGroup>
+              </SelectContent>
+            </Select>
 
-          {form}
-        </div>
+            {form}
+          </div>
+        </ScrollArea>
       </DialogContent>
     </Dialog>
   );
diff --git a/ui/src/pages/dashboard/Dashboard.tsx b/ui/src/pages/dashboard/Dashboard.tsx
index 558083ea..7d9e10f3 100644
--- a/ui/src/pages/dashboard/Dashboard.tsx
+++ b/ui/src/pages/dashboard/Dashboard.tsx
@@ -58,8 +58,8 @@ const Dashboard = () => {
       <div className="flex justify-between items-center">
         <div className="text-muted-foreground">控制面板</div>
       </div>
-      <div className="flex mt-10 gap-5 flex-col md:flex-row">
-        <div className="w-full md:w-[300px] flex items-center rounded-md p-3 shadow-lg border">
+      <div className="flex mt-10 gap-5 flex-col flex-wrap md:flex-row">
+        <div className="w-full md:w-[250px] 3xl:w-[300px] flex items-center rounded-md p-3 shadow-lg border">
           <div className="p-3">
             <SquareSigma size={48} strokeWidth={1} className="text-blue-400" />
           </div>
@@ -80,7 +80,7 @@ const Dashboard = () => {
           </div>
         </div>
 
-        <div className="w-full md:w-[300px] flex items-center rounded-md p-3 shadow-lg border">
+        <div className="w-full md:w-[250px] 3xl:w-[300px] flex items-center rounded-md p-3 shadow-lg border">
           <div className="p-3">
             <CalendarX2 size={48} strokeWidth={1} className="text-red-400" />
           </div>
@@ -101,7 +101,7 @@ const Dashboard = () => {
           </div>
         </div>
 
-        <div className="border w-full md:w-[300px] flex items-center rounded-md p-3 shadow-lg">
+        <div className="border w-full md:w-[250px] 3xl:w-[300px] flex items-center rounded-md p-3 shadow-lg">
           <div className="p-3">
             <LoaderPinwheel
               size={48}
@@ -126,7 +126,7 @@ const Dashboard = () => {
           </div>
         </div>
 
-        <div className="border w-full md:w-[300px] flex items-center rounded-md p-3 shadow-lg">
+        <div className="border w-full md:w-[250px] 3xl:w-[300px] flex items-center rounded-md p-3 shadow-lg">
           <div className="p-3">
             <Ban size={48} strokeWidth={1} className="text-gray-400" />
           </div>
diff --git a/ui/tailwind.config.js b/ui/tailwind.config.js
index 7cb7e37a..c410195b 100644
--- a/ui/tailwind.config.js
+++ b/ui/tailwind.config.js
@@ -14,6 +14,7 @@ module.exports = {
       padding: "2rem",
       screens: {
         "2xl": "1400px",
+        '3xl': '1920px',
       },
     },
     extend: {