html, body, #root { height: 100%; margin: 0; padding: 0; overflow: hidden; /* Disable global scrollbar */ background-color: transparent !important; /* CRITICAL: Allow Wails window transparency */ } body, #root { border-radius: 14px; /* Slightly rounded app window corners */ } /* 侧边栏 Tree 样式优化 */ .ant-tree .ant-tree-treenode { width: 100%; } .ant-tree .ant-tree-node-content-wrapper { display: flex !important; align-items: center; white-space: nowrap; user-select: none !important; -webkit-user-select: none !important; } .ant-tree .ant-tree-title, .ant-tree .ant-tree-treenode * { user-select: none !important; -webkit-user-select: none !important; } .ant-tree .ant-tree-title { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 8px; } /* Scrollbar styling for dark mode */ body[data-theme='dark'] ::-webkit-scrollbar { width: 10px; height: 10px; } body[data-theme='dark'] ::-webkit-scrollbar-track { background: #1f1f1f; } body[data-theme='dark'] ::-webkit-scrollbar-corner { background: #1f1f1f; } body[data-theme='dark'] ::-webkit-scrollbar-thumb { background: #424242; border-radius: 4px; border: 2px solid #1f1f1f; } body[data-theme='dark'] ::-webkit-scrollbar-thumb:hover { background: #666; } /* Ensure body background matches theme to avoid white flashes, but kept transparent for window composition */ body { transition: color 0.3s; } body[data-theme='dark'] { /* 移除全局 text-shadow:对每个文本元素增加 GPU compositing 成本, 在透明窗口环境下会显著加剧 GPU 负载 */ } /* 连接配置弹窗:滚动仅在弹窗 body 内部,不使用外层 wrap 滚动条 */ .connection-modal-wrap { overflow: hidden !important; } .connection-modal-wrap .ant-modal-content { max-height: calc(100vh - 72px); display: flex; flex-direction: column; } .connection-modal-wrap .ant-modal-body { flex: 1 1 auto; min-height: 0; } .connection-modal-wrap .ant-modal-footer { flex-shrink: 0; } /* Custom Title Bar Close Button Hover */ .titlebar-close-btn:hover { background-color: #ff4d4f !important; color: #fff !important; } /* 驱动管理:统一关闭 antd sticky 横向条,仅保留自定义独立横向条 */ .driver-manager-table .ant-table-sticky-scroll { display: none !important; } /* 仅在独立横向条激活时隐藏表格自身横向滚动条,避免出现双横向条 */ .driver-manager-table-wrap.driver-manager-table-wrap-external-active .driver-manager-table .ant-table-content, .driver-manager-table-wrap.driver-manager-table-wrap-external-active .driver-manager-table .ant-table-body { overflow-x: auto !important; -ms-overflow-style: none; scrollbar-width: none; } .driver-manager-table-wrap.driver-manager-table-wrap-external-active .driver-manager-table .ant-table-content::-webkit-scrollbar:horizontal, .driver-manager-table-wrap.driver-manager-table-wrap-external-active .driver-manager-table .ant-table-body::-webkit-scrollbar:horizontal { height: 0 !important; } .driver-manager-table-wrap { width: 100%; max-width: 100%; overflow-x: hidden; } .driver-manager-footer { width: 100%; display: flex; flex-direction: column; gap: 8px; } .driver-manager-footer-actions { width: 100%; display: flex; justify-content: flex-end; } .driver-manager-hscroll { width: 100%; height: 12px; overflow-x: auto; overflow-y: hidden; scrollbar-gutter: stable; background: transparent; } .driver-manager-hscroll-inner { height: 1px; }