bdzl2/bxztApp
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): 更新调度命令组件样式

Browse Source 
调整表格主体高度、内边距和背景颜色，以提高调度命令面板的视觉一致性。
This commit is contained in:
Zzc 2025-11-20 12:49:08 +08:00
parent 574cc5a39e
commit 2000bfe561
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/DispatchCommand.vue
View File

@ -114,7 +114,8 @@ const getColumnName = (type) => {
grid-template-columns: vw(50) 1fr 1fr 1fr vw(80); grid-template-columns: vw(50) 1fr 1fr 1fr vw(80);
gap: vw(8); gap: vw(8);
padding: vh(12) vw(16); padding: vh(12) vw(16);
background: rgba(20, 53, 118, 0.5); // background: rgba(20, 53, 118, 0.5);
background: rgba(6, 38, 62, 0.8);
color: var(--text-white); color: var(--text-white);
font-size: fs(13); font-size: fs(13);
font-family: SourceHanSansCN-Medium, sans-serif; font-family: SourceHanSansCN-Medium, sans-serif;
@ -127,8 +128,8 @@ const getColumnName = (type) => {
} }
.table-body { .table-body {
min-height: vh(205); min-height: vh(170);
max-height: vh(205); max-height: vh(170);
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
@ -148,7 +149,8 @@ const getColumnName = (type) => {
display: grid; display: grid;
grid-template-columns: vw(50) 1fr 1fr 1fr vw(80); grid-template-columns: vw(50) 1fr 1fr 1fr vw(80);
gap: vw(8); gap: vw(8);
padding: vh(12) vw(16); padding: vh(6) vw(16);
background: linear-gradient(to right, #163b60, #133147);
color: var(--text-white); color: var(--text-white);
font-size: fs(12); font-size: fs(12);
font-family: SourceHanSansCN-Regular, sans-serif; font-family: SourceHanSansCN-Regular, sans-serif;
@ -156,7 +158,7 @@ const getColumnName = (type) => {
border-bottom: 1px solid rgba(28, 161, 255, 0.1); border-bottom: 1px solid rgba(28, 161, 255, 0.1);
&:hover { &:hover {
background: rgba(28, 161, 255, 0.1); background: rgba(28, 161, 255, 0.15);
} }
.col-index { .col-index {