style.scss 754 B

1234567891011121314151617181920212223242526272829
  1. @use '@/styles/variables.scss' as *;
  2. // 导入全局样式变量
  3. // 其他应用列表页面样式
  4. // 说明:
  5. // - .list-header 已在全局 global.scss 中定义
  6. // - .sort-buttons 已在全局 global.scss 中定义
  7. // - .filter-btn 已在全局 global.scss 中定义
  8. // - .pagination-container 已在全局 global.scss 中定义
  9. // 本文件仅保留页面特定的响应式样式
  10. .app-plaza-list {
  11. padding: $spacing-4 $spacing-6; // 16px/24px - 紧凑间距
  12. min-height: calc(100vh - $header-height);
  13. background: $bg-primary;
  14. }
  15. // 响应式适配
  16. @media (max-width: 1024px) {
  17. .app-plaza-list {
  18. padding: $spacing-4 $spacing-6;
  19. }
  20. }
  21. @media (max-width: 768px) {
  22. .app-plaza-list {
  23. padding: $spacing-4;
  24. }
  25. }