chuan/WeChatDataAnalysis
1
0
Fork 0
mirror of https://github.com/LifeArchiveProject/WeChatDataAnalysis.git synced 2026-02-20 06:40:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

improvement(chat): 优化导出筛选与目录选择体验

Browse Source
This commit is contained in:
2977094657
2026-02-09 00:15:47 +08:00
parent 62f396e55b
commit a20df89ee7
7 changed files with 1203 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/assets/css/tailwind.css
View File

@@ -730,35 +730,39 @@
}
.header-btn {
@apply flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-lg bg-white border border-gray-200 text-gray-700 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
@apply flex items-center gap-1.5 text-xs px-3 py-1.5 rounded-md bg-white border border-gray-200 text-gray-700 transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed shadow-sm;
}
.header-btn:hover:not(:disabled) {
@apply bg-gray-50 border-gray-300;
@apply bg-gray-50 border-gray-300 shadow;
}
.header-btn:active:not(:disabled) {
@apply bg-gray-100;
@apply bg-gray-100 scale-95;
}
.header-btn svg {
@apply w-3.5 h-3.5;
}
.header-btn-icon {
@apply w-8 h-8 flex items-center justify-center rounded-lg bg-white border border-gray-200 text-gray-600 transition-all duration-200;
@apply w-8 h-8 flex items-center justify-center rounded-lg bg-transparent border border-transparent text-gray-600 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
}
.header-btn-icon:hover {
@apply bg-gray-50 border-gray-300 text-gray-800;
@apply bg-transparent border-transparent text-gray-800;
}
.header-btn-icon-active {
@apply bg-[#03C160]/10 border-[#03C160] text-[#03C160];
@apply bg-transparent border-transparent text-[#03C160];
}
.header-btn-icon-active:hover {
@apply bg-[#03C160]/15;
@apply bg-transparent;
}
.message-filter-select {
@apply text-xs px-2 py-1.5 rounded-lg bg-white border border-gray-200 text-gray-700 focus:outline-none focus:ring-2 focus:ring-[#03C160]/20 focus:border-[#03C160] transition-all disabled:opacity-50 disabled:cursor-not-allowed;
@apply text-xs px-2 py-1.5 rounded-lg bg-transparent border-0 text-gray-700 focus:outline-none focus:ring-0 transition-all disabled:opacity-50 disabled:cursor-not-allowed;
}
/* 搜索侧边栏样式 */