收斂當日業績手機表格寬度

config.py

@@ -320,7 +320,7 @@ YOUTUBE_API_KEY = os.getenv('YOUTUBE_API_KEY', '')
 # ==========================================
 # 系統版本與路徑
 # ==========================================
-SYSTEM_VERSION = "V10.126"
+SYSTEM_VERSION = "V10.127"
 LOG_FILE_PATH = os.path.join(BASE_DIR, 'logs/system.log')
 public_url = PUBLIC_URL  # 用於模板顯示
 

web/static/css/page-daily-sales.css

@@ -933,7 +933,46 @@
 
 @media (max-width: 767px) {
   .daily-sales-page .table-responsive {
-    overflow: visible;
+    max-width: 100%;
+    overflow: hidden;
+  }
+
+  .daily-sales-page .table-responsive * {
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  #categoryTable_wrapper > .row {
+    --bs-gutter-x: 0;
+    margin-right: 0;
+    margin-left: 0;
+    gap: 8px;
+  }
+
+  #categoryTable_wrapper [class*="col-"] {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  #categoryTable_wrapper .dataTables_length,
+  #categoryTable_wrapper .dataTables_filter,
+  #categoryTable_wrapper .dataTables_info,
+  #categoryTable_wrapper .dataTables_paginate {
+    width: 100%;
+    text-align: left;
+  }
+
+  #categoryTable_wrapper .dataTables_length label,
+  #categoryTable_wrapper .dataTables_filter label {
+    display: grid;
+    width: 100%;
+    gap: 4px;
+  }
+
+  #categoryTable_wrapper .dataTables_length select,
+  #categoryTable_wrapper .dataTables_filter input {
+    width: 100%;
+    margin-left: 0;
   }
 
   #categoryTable,
@@ -977,6 +1016,7 @@
     padding: 9px 12px;
     border-bottom: 1px solid var(--momo-border-light);
     font-size: 0.78rem;
+    overflow-wrap: anywhere;
     white-space: normal;
   }