Browse Source

style(LearningSystem): 调整容器宽度和标签间距样式

移除固定最大宽度改为响应式布局,优化标签内边距和活动状态阴影效果
ext.zhangbin71 2 weeks ago
parent
commit
c9a35ce5dc
1 changed files with 5 additions and 2 deletions
  1. 5 2
      src/pages/LearningSystem/LearningSystem.vue

+ 5 - 2
src/pages/LearningSystem/LearningSystem.vue

@@ -608,7 +608,9 @@ const toggleFavorite = (courseId, e) => {
 }
 }
 
 
 .container {
 .container {
-  max-width: 1200px;
+  // max-width: 1200px;
+  width: 100%;
+  min-width: auto;
   margin: 0 auto;
   margin: 0 auto;
   padding: 0 24px;
   padding: 0 24px;
   position: relative; z-index: 1;
   position: relative; z-index: 1;
@@ -1009,6 +1011,7 @@ const toggleFavorite = (courseId, e) => {
   .ls-filter-tags {
   .ls-filter-tags {
     display: flex; flex-wrap: wrap; gap: 7px;
     display: flex; flex-wrap: wrap; gap: 7px;
     max-height: 38px; overflow: hidden;
     max-height: 38px; overflow: hidden;
+    padding: 4px;
     transition: max-height 0.38s cubic-bezier(0.4,0,0.2,1);
     transition: max-height 0.38s cubic-bezier(0.4,0,0.2,1);
     &.is-expanded { max-height: 200px; }
     &.is-expanded { max-height: 200px; }
   }
   }
@@ -1034,7 +1037,7 @@ const toggleFavorite = (courseId, e) => {
     &.is-active {
     &.is-active {
       background: linear-gradient(135deg, #0055FE, #C832FA);
       background: linear-gradient(135deg, #0055FE, #C832FA);
       color: white; border-color: transparent; font-weight: 700;
       color: white; border-color: transparent; font-weight: 700;
-      box-shadow: 0 4px 18px rgba(0,85,254,0.42);
+      box-shadow: 0 4px 14px rgba(0,85,254,0.15);
       transform: translateY(-1px);
       transform: translateY(-1px);
     }
     }
   }
   }