Explorar el Código

fix: resolve grid-4 overflow and frame clip into .foot (#5)

- Add overflow:hidden to .frame to prevent content bleeding into .foot
- Reduce .grid-4 .stat-card .stat-nb from 7.5vw to 5vw for pages with title+lead above the grid

Co-authored-by: OthmanAdi
Ahmad Othman Ammar Adi. hace 1 mes
padre
commit
a593cf4b73
Se han modificado 1 ficheros con 3 adiciones y 3 borrados
  1. 3 3
      assets/template.html

+ 3 - 3
assets/template.html

@@ -190,7 +190,7 @@
      ============================================================ */
 
   /* ---------- .frame:每页主内容容器 ---------- */
-  .frame{flex:1;display:flex;flex-direction:column;min-height:0}
+  .frame{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}
   /* 当 .frame 同时加了 grid 类时,grid 的 display:grid 覆盖 flex */
   .frame.grid-2-7-5,
   .frame.grid-2-6-6,
@@ -294,8 +294,8 @@
     opacity:.72;
     margin-top:.6vh;
   }
-  /* 当 stat-card 用于 grid-4(2x2),数字可以更大 */
-  .grid-4 .stat-card .stat-nb{font-size:7.5vw}
+  /* 当 stat-card 用于 grid-4(2x2),数字适度放大;若页面有标题+引文在上方,可内联 style 覆盖为更小值 */
+  .grid-4 .stat-card .stat-nb{font-size:5vw}
   /* 当只有 3 个,字也可以稍大 */
   .grid-3 .stat-card .stat-nb{font-size:6.8vw}