hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-25 15:25:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(sns): compact jump date filter row

Browse Source
This commit is contained in:
aits2026
2026-03-06 15:32:13 +08:00
parent 03f65317a9
commit e92983dd80
2 changed files with 49 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Sns/SnsFilterPanel.tsx
View File

@@ -123,6 +123,7 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
{/* Date Widget */} {/* Date Widget */}
<div className="filter-widget date-widget"> <div className="filter-widget date-widget">
<div className="date-widget-row">
<div className="widget-header"> <div className="widget-header">
<Calendar size={14} /> <Calendar size={14} />
<span>时间跳转</span> <span>时间跳转</span>
@@ -157,6 +158,7 @@ export const SnsFilterPanel: React.FC<SnsFilterPanelProps> = ({
/> />
</div> </div>
</div> </div>
</div>
{/* Contact Widget */} {/* Contact Widget */}
<div className="filter-widget contact-widget"> <div className="filter-widget contact-widget">

15
src/pages/SnsPage.scss
View File

@@ -1063,10 +1063,25 @@
} }
/* Date Widget */ /* Date Widget */
.date-widget-row {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.date-widget .widget-header {
margin-bottom: 0;
flex-shrink: 0;
min-width: 72px;
}
.jump-calendar-anchor { .jump-calendar-anchor {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
flex: 1;
min-width: 0;
isolation: isolate; isolation: isolate;
z-index: 20; z-index: 20;