index.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. @use './var.css';
  2. @use './FormCreate/index.scss';
  3. @use './theme.scss';
  4. @use 'element-plus/theme-chalk/dark/css-vars.css';
  5. .reset-margin [class*='el-icon'] + span {
  6. margin-left: 2px !important;
  7. }
  8. // 解决抽屉弹出时,body宽度变化的问题
  9. .el-popup-parent--hidden {
  10. width: 100% !important;
  11. }
  12. // 解决表格内容超过表格总宽度后,横向滚动条前端顶不到表格边缘的问题
  13. .el-scrollbar__bar {
  14. display: flex;
  15. justify-content: flex-start;
  16. }
  17. /* nprogress 适配 element-plus 的主题色 */
  18. #nprogress {
  19. & .bar {
  20. background-color: var(--el-color-primary) !important;
  21. }
  22. & .peg {
  23. box-shadow:
  24. 0 0 10px var(--el-color-primary),
  25. 0 0 5px var(--el-color-primary) !important;
  26. }
  27. & .spinner-icon {
  28. border-top-color: var(--el-color-primary);
  29. border-left-color: var(--el-color-primary);
  30. }
  31. }
  32. /* 全屏模式样式 */
  33. .app-fullscreen {
  34. /* 隐藏所有布局相关元素 */
  35. .layout-aside,
  36. .sidebar-container,
  37. .el-aside,
  38. .app-header,
  39. .layout-header,
  40. .el-header,
  41. .tags-view-container,
  42. .app-footer,
  43. .el-footer,
  44. .layout-border__right,
  45. .layout-border__top,
  46. .layout-border__bottom,
  47. .fixed.top-0.left-0.z-10,
  48. .bg-\[var\(--top-header-bg-color\)\] {
  49. display: none !important;
  50. }
  51. /* 调整主应用容器 */
  52. .app-wrapper,
  53. .layout-container,
  54. .layout-content,
  55. .app-main,
  56. .main-container,
  57. .layout-app-main {
  58. position: fixed !important;
  59. top: 0 !important;
  60. left: 0 !important;
  61. width: 100vw !important;
  62. height: 100vh !important;
  63. margin: 0 !important;
  64. padding: 0 !important;
  65. overflow: hidden !important;
  66. }
  67. /* 确保内容区域完全填充 */
  68. .content-container,
  69. .p-\[var\(--app-content-padding\)\].w-full {
  70. height: 100% !important;
  71. width: 100% !important;
  72. margin: 0 !important;
  73. padding: 0 !important;
  74. overflow: hidden !important;
  75. }
  76. .min-h-screen {
  77. height: 100vh !important;
  78. width: 100vw !important;
  79. margin: 0 !important;
  80. padding: 0 !important;
  81. position: fixed !important;
  82. top: 0 !important;
  83. left: 0 !important;
  84. overflow: hidden !important;
  85. max-width: 100vw !important;
  86. max-height: 100vh !important;
  87. }
  88. }