..

web/admin/item/css/tablet-design.css

@@ -67,10 +67,10 @@
 
 /* 名單金字塔佈局容器 */
 .roster-container {
-  width: 100%; height: 100%;
+  width: 100%; height: 600px;
   writing-mode: vertical-rl; /* 直書 */
   display: flex;
-  //flex-direction: column; /* 雖然是直書，但物理上我們是將「上層區」和「下層區」垂直堆疊 */
+  /*flex-direction: column;*/ /* 雖然是直書，但物理上我們是將「上層區」和「下層區」垂直堆疊 */
   flex-direction: row;     /* 上下分層 (Top / Bottom) */
   align-items: center;    /* 左右置中對齊 */
   justify-content: center;
@@ -95,12 +95,13 @@
 
 .roster-name {
   text-orientation: upright;
-  font-weight: bold;
+  /*font-weight: bold;*/
   white-space: nowrap;
   line-height: 1.2;
   font-family: 'Kaiti', serif;
   /* 確保名字本身不會佔據過多寬度導致間距看起來很大 */
-/*  width: fit-content;*/
+  width: fit-content;
+  height:200px;
 }