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