jingrow/jcloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

美化移动端header排版

Browse Source
This commit is contained in:
jingrow 2025-12-28 02:53:28 +08:00
parent fe4e3a0b25
commit b247a8dcc6
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
dashboard/src2/App.vue
View File

@ -342,7 +342,7 @@ provide('session', session);
.mobile-header-content {
display: flex;
align-items: center;
justify-content: space-between;
justify-content: flex-start;
padding: 12px 16px;
gap: 12px;
}
@ -354,15 +354,16 @@ provide('session', session);
}
.mobile-user-info-wrapper {
flex: 1;
display: flex;
display: inline-flex;
align-items: center;
gap: 6px;
gap: 4px;
cursor: pointer;
padding: 6px 8px;
border-radius: 6px;
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
flex-shrink: 1;
min-width: 0;
max-width: calc(100% - 80px);
}
.mobile-user-info-wrapper:hover {
@ -374,13 +375,13 @@ provide('session', session);
}
.mobile-user-info {
flex: 1;
font-size: 14px;
font-weight: 500;
color: #1a1a1a;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 1;
min-width: 0;
}
@ -397,6 +398,7 @@ provide('session', session);
.mobile-menu-button {
flex-shrink: 0;
margin-left: auto;
}
/* 移动端侧边栏样式优化 */