YG-Soft/X-Financial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(web): update travel views styles

Browse Source
This commit is contained in:
caoxiaozhu
2026-05-14 07:10:20 +00:00
parent f53c343cd3
commit 64ea1bc5fd
2 changed files with 254 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
web/src/assets/styles/views/travel-reimbursement-create-view.css
View File

@@ -24,6 +24,7 @@
--assistant-scale: min(1, var(--assistant-fit-scale-width), var(--assistant-fit-scale-height));
width: calc(var(--assistant-base-width-px) * var(--assistant-scale));
height: calc(var(--assistant-base-height-px) * var(--assistant-scale));
position: relative;
display: block;
background: transparent;
box-shadow: none;
@@ -63,7 +64,7 @@
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 22px 26px 18px;
padding: 22px 172px 18px 26px;
border-bottom: 1px solid rgba(203, 213, 225, 0.78);
background: linear-gradient(180deg, rgba(247, 250, 249, 0.82) 0%, rgba(240, 246, 244, 0.7) 100%);
}
@@ -110,20 +111,25 @@
}
.assistant-header-actions {
position: absolute;
top: calc(22px * var(--assistant-scale));
right: calc(26px * var(--assistant-scale));
z-index: 40;
display: flex;
align-items: center;
gap: 10px;
gap: calc(10px * var(--assistant-scale));
pointer-events: auto;
}
.assistant-toggle-btn,
.session-trash-btn {
width: 38px;
height: 38px;
width: calc(38px * var(--assistant-scale));
height: calc(38px * var(--assistant-scale));
display: grid;
place-items: center;
padding: 0;
border: 1px solid rgba(248, 113, 113, 0.28);
border-radius: 14px;
border-radius: calc(14px * var(--assistant-scale));
flex: none;
}
@@ -131,7 +137,7 @@
border-color: rgba(16, 185, 129, 0.18);
background: rgba(245, 252, 249, 0.96);
color: #166534;
font-size: 16px;
font-size: calc(16px * var(--assistant-scale));
box-shadow: 0 8px 18px rgba(16, 185, 129, 0.1);
}
@@ -150,7 +156,7 @@
.session-trash-btn {
background: rgba(254, 242, 242, 0.96);
color: #dc2626;
font-size: 16px;
font-size: calc(16px * var(--assistant-scale));
box-shadow: 0 8px 18px rgba(239, 68, 68, 0.12);
}
@@ -165,17 +171,41 @@
box-shadow: none;
}
.assistant-close-btn,
.close-btn {
width: 38px;
height: 38px;
position: relative;
width: calc(38px * var(--assistant-scale));
height: calc(38px * var(--assistant-scale));
display: grid;
place-items: center;
padding: 0;
flex: none;
border: 1px solid rgba(193, 204, 216, 0.92);
border-radius: 14px;
border-radius: calc(14px * var(--assistant-scale));
background: rgba(248, 251, 251, 0.94);
color: #475569;
font-size: 16px;
font-size: calc(16px * var(--assistant-scale));
box-shadow: 0 8px 18px rgba(148, 163, 184, 0.18);
cursor: pointer;
pointer-events: auto;
user-select: none;
-webkit-user-select: none;
}
.assistant-close-btn {
z-index: 30;
pointer-events: auto;
}
.assistant-close-btn i {
pointer-events: none;
}
.assistant-close-btn:hover,
.close-btn:hover {
background: rgba(241, 245, 249, 0.98);
border-color: rgba(148, 163, 184, 0.34);
color: #0f172a;
}
.assistant-layout {
@@ -3291,15 +3321,21 @@
}
.assistant-header-actions {
width: 100%;
top: 18px;
right: 18px;
gap: 10px;
width: auto;
justify-content: space-between;
}
.assistant-toggle-btn,
.session-trash-btn,
.assistant-header-actions .close-btn {
.assistant-close-btn,
.close-btn {
width: 40px;
height: 40px;
border-radius: 14px;
font-size: 16px;
}
.assistant-layout {