Files
fzjg_local/fzjgact/huodong/static/huodong/input.css
xiaji b6704519ec feat(ui): 优化多个页面的UI设计和交互体验
重构公共电子屏、分支机构信息、设备间图片和活动统计页面的UI设计
- 添加渐变背景、阴影和悬停效果提升视觉体验
- 使用图标增强信息展示和交互提示
- 改进表格和卡片布局提高可读性
- 统一各页面的设计风格和交互模式
- 添加CSS组件类支持新的UI效果
2026-01-28 12:30:14 +08:00

37 lines
946 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.card-gradient {
@apply bg-gradient-to-br from-white via-blue-50/30 to-blue-100/50;
}
.card-gradient-early {
@apply bg-gradient-to-br from-emerald-50 via-white to-teal-100/50;
}
.card-gradient-latest {
@apply bg-gradient-to-br from-amber-50 via-white to-orange-100/50;
}
.table-header-gradient {
@apply bg-gradient-to-r from-blue-600 via-blue-700 to-indigo-700;
}
.hover-lift {
@apply transition-all duration-300 hover:-translate-y-1 hover:shadow-xl;
}
.timeline-dot {
@apply absolute top-1/2 w-5 h-5 rounded-full transform -translate-y-1/2 border-4 border-white shadow-lg;
}
.glass-effect {
@apply backdrop-blur-sm bg-white/80;
}
.section-divider {
@apply h-1 my-8 rounded-full bg-gradient-to-r from-transparent via-blue-400 to-transparent;
}
}