leemuzi/real-time-fund
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：调整顶部导航栏图标

Browse Source
This commit is contained in:
hzm
2026-02-16 10:57:50 +08:00
parent 9b7a1c5a37
commit 6caf246010
2 changed files with 63 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app/globals.css
View File

@@ -181,7 +181,17 @@ body {
@media (max-width: 640px) {
/* Default: Search hidden, Trigger visible */
.navbar-add-fund {
display: none;
display: flex;
width: 0 !important;
min-width: 0 !important;
flex: 0 0 0 !important;
opacity: 0;
overflow: hidden;
padding: 0 !important;
margin: 0 !important;
border: none;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
}
.mobile-search-btn {
@@ -189,20 +199,51 @@ body {
}
/* When search focused/active */
.brand {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
transform: translateX(0);
width: auto;
white-space: nowrap;
}
.brand.search-focused-sibling {
display: none !important;
width: 0 !important;
opacity: 0;
overflow: hidden;
padding: 0 !important;
margin: 0 !important;
transform: translateX(-20px);
pointer-events: none;
}
.actions {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
transform: translateX(0);
width: auto;
white-space: nowrap;
}
.actions.search-focused-sibling {
display: none !important;
width: 0 !important;
opacity: 0;
overflow: hidden;
padding: 0 !important;
margin: 0 !important;
transform: translateX(20px);
pointer-events: none;
}
.navbar-add-fund.search-focused {
display: flex !important;
max-width: 100% !important;
width: 100% !important;
flex: 1;
flex: 1 !important;
margin-top: 0 !important;
opacity: 1;
pointer-events: auto;
overflow: visible !important;
}
}