ZengQingming/JoyD
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化TabPage标签布局，调整flex属性确保标题和关闭按钮正确对齐

Browse Source
This commit is contained in:
zqm
2025-11-05 15:13:58 +08:00
parent bf420231fe
commit d51f378433
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
View File

@@ -112,12 +112,12 @@ const closeTab = (tabId) => {
font-size: 12px; font-size: 12px;
user-select: none; user-select: none;
position: relative; position: relative;
width: fit-content; min-width: fit-content;
flex: 0 0 auto;
} }
.tab-title { .tab-title {
text-align: left; text-align: left;
flex: 1;
min-width: 0; min-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -144,7 +144,7 @@ const closeTab = (tabId) => {
} }
.button-icon { .button-icon {
margin-left: auto; margin-left: 8px;
margin-right: -8px; margin-right: -8px;
background: transparent; background: transparent;
border: none; border: none;