Sfoglia il codice sorgente

[26110604] 首页summary-grid单列布局: 容器查询grid-template-columns由repeat(3,minmax(480px,1fr))改为repeat(1,minmax(480px,1fr)), 光伏卡占满单列不再3列排布

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
taosj 5 ore fa
parent
commit
7d04f29b9a

+ 1 - 1
forecast-backend-vue/src/views/ufo/workbench/WorkbenchPage.vue

@@ -832,7 +832,7 @@ watch(mapStations, () => renderStations(), { deep: true });
 // 3 个 summary-card 最小宽度 480px + 2 个 14px 间隙 = 1468px;放得下时 3 列,放不下时单列 3 行
 @container (min-width: 1468px) {
   .summary-grid {
-    grid-template-columns: repeat(3, minmax(480px, 1fr));
+    grid-template-columns: repeat(1, minmax(480px, 1fr));
   }
 }