feat： 界面优化

frontend/src/pages/dashboard/index.css

@@ -88,7 +88,8 @@
   min-height: 0;
   overflow-y: auto;
   overflow-x: hidden;
-  padding-right: 6px;
+  padding-right: 18px;
+  scrollbar-gutter: stable;
 }
 
 .dashboard-monitor-page__task-list .dashboard-monitor-page__task-item {
@@ -137,6 +138,7 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  padding-right: 4px;
 }
 
 .dashboard-monitor-page__steps {

frontend/src/pages/devices/index.less

@@ -102,9 +102,13 @@
   font-variant-numeric: tabular-nums;
 }
 
-.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-first,
-.app-page__table-wrap .ant-table-wrapper .ant-table-cell-fix-right-last {
-  right: 0 !important;
+.devices-table__action-cell {
+  min-width: 220px;
+}
+
+.devices-table__action-cell .ant-space {
+  display: inline-flex;
+  min-width: 0;
 }
 
 @media (max-width: 768px) {

frontend/src/pages/devices/index.tsx

@@ -16,6 +16,7 @@ import "./index.less";
 
 const { Text } = Typography;
 const DEFAULT_TABLE_PAGE_SIZE = getDefaultPageSize("table");
+const DEVICE_TABLE_SCROLL_X = 1960;
 
 type DeviceFormValues = {
   deviceName?: string;
@@ -232,6 +233,7 @@ export default function Devices() {
     {
       title: t("devicesExt.weatherCityName"),
       dataIndex: "weatherCityName",
+      width: 140,
       render: (text: string) => <Text>{text || "-"}</Text>
     },
     {
@@ -258,6 +260,7 @@ export default function Devices() {
       key: "action",
       width: 220,
       fixed: "right" as const,
+      className: "devices-table__action-cell",
       render: (_value: unknown, record: DeviceInfo) => (
         <Space>
           {can("device:update") ? (
@@ -353,7 +356,7 @@ export default function Devices() {
             dataSource={pagedData}
             loading={loading}
             columns={columns}
-            scroll={{y: "100%", x: 1980}}
+            scroll={{y: "100%", x: DEVICE_TABLE_SCROLL_X}}
             pagination={false}
           />
         </DataListPanel>