| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- @import 'tailwindcss';
- /* 全局滚动条样式 */
- ::-webkit-scrollbar {
- width: 6px;
- height: 6px;
- }
- ::-webkit-scrollbar-track {
- background: #f1f1f1;
- border-radius: 3px;
- }
- ::-webkit-scrollbar-thumb {
- background: #c1c1c1;
- border-radius: 3px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #a8a8a8;
- }
- /* 响应式断点 */
- @media (max-width: 768px) {
- .custom-sider {
- width: 100% !important;
- max-width: 100% !important;
- }
-
- .site-layout-content {
- padding: 1rem !important;
- }
- }
- /* 全局过渡效果 */
- .transition-all {
- transition-property: all;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-duration: 150ms;
- }
- /* 内容区域阴影优化 */
- .shadow-sm {
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
- }
- /* 按钮悬停效果 */
- .ant-btn:hover {
- transform: translateY(-1px);
- }
- /* 卡片样式优化 */
- .ant-card {
- border-radius: 8px;
- }
|