zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add collapsible welcome and sticky tabs

Browse Source 
Wrap the home welcome component in a collapsible container with smooth transitions. Implement scroll-based collapse and expand logic for the banner in the chat main list. Add sticky tab header styling and updated page layout for the discovery page.
This commit is contained in:
duanshuwen
2026-07-06 20:57:10 +08:00
parent aa07286010
commit bfda50e14a
3 changed files with 67 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/ChatMain/ChatMainList/styles/index.scss
View File

@@ -5,6 +5,25 @@
overscroll-behavior-y: contain;
}
.home-welcome-collapse {
width: 100%;
height: 92px;
flex-shrink: 0;
overflow: hidden;
opacity: 1;
transform: translateY(0);
transition:
height 240ms ease,
opacity 240ms ease,
transform 240ms ease;
}
.home-welcome-collapse.is-collapsed {
height: 0;
opacity: 0;
transform: translateY(-8px);
}
.home-hero {
height: 136px;
overflow: hidden;