Improve tabel style!

AngelaCooljx · Jan 2, 2025 · 6e6dd41 · 6e6dd41
1 parent 806ed87
commit 6e6dd41
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 41 deletions.
diff --git a/htdocs/luci-static/material3/cascade.css b/htdocs/luci-static/material3/cascade.css
@@ -551,7 +551,7 @@ ol {
 }
 
 li {
-	color: var(--text-color-medium)
+	/* color: var(--text-color-medium); */
 }
 
 .cbi-button-down,
@@ -1714,7 +1714,15 @@ body.modal-overlay-active #modal_overlay {
 .cbi-dropdown[open]>ul.preview {
 	flex-grow: 1;
 	display: flex !important;
-	color: #fff
+	/* color: #fff; */
+}
+
+.cbi-dropdown>ul>li[display] {
+	/* color: var(--md-sys-color-primary); */
+}
+
+.cbi-value-field em {
+	color: var(--md-sys-color-primary);
 }
 
 .uci-dialog .cbi-dropdown>ul>li[display] {
@@ -2911,7 +2919,7 @@ textarea {
 	text-shadow: none;
 	padding: 1px 10px;
 	box-shadow: none;
-	color: var(--md-sys-color-primary)
+	/* color: var(--md-sys-color-primary); */
 }
 
 textarea {
@@ -2928,7 +2936,7 @@ textarea {
 .cbi-dynlist>.item::after {
 	background: 0 0;
 	box-shadow: none;
-	border-left: 1px solid #b2aac9
+	border-left: none;
 }
 
 .label.notice,
@@ -3007,7 +3015,7 @@ header [data-indicator][data-style=inactive]:hover {
 .ifacebadge,
 .ifacebadge.large,
 .network-status-table .ifacebox-body .ifacebadge {
-	padding: 8px;
+	padding: 2px;
 	border: 1px solid #aaa;
 	box-shadow: none;
 	border-radius: 1rem
@@ -3150,7 +3158,8 @@ select,
 textarea {
 	/* background: var(--md-sys-color-light); */
 	/* background: var(--md-sys-color-surface); */
-	border: 1px solid var(--md-sys-color-primary)
+	border: 1px solid var(--md-sys-color-primary);
+	color: var(--md-sys-color-primary);
 }
 
 .cbi-page-actions .cbi-button-apply+.cbi-button-save,
@@ -3169,10 +3178,10 @@ textarea {
 	border: 1px solid var(--md-sys-color-primary)
 }
 
-@media screen and (max-width: 1280px) {
+@media screen and (max-width: 1300px) {
 	.table {
 		width: 100%;
-		table-layout: fixed;
+		/* table-layout: fixed; */
 	}
 
 	.table .td,
@@ -3215,37 +3224,6 @@ textarea {
 		white-space: pre-wrap;
 		word-break: break-all;
 	}
-
-	/* 处理进程页面的表格 */
-	[data-page="admin-status-processes"] .table .th:last-child,
-	[data-page="admin-status-processes"] .table .td:last-child {
-		width: 200px;
-		/* 调整最后一列的宽度 */
-	}
-
-	[data-page="admin-system-startup"] .th.nowrap.cbi-section-actions {
-		width: 234px;
-		/* 调整最后一列的宽度 */
-	}
-
-	[data-page="admin-system-mounts"] #cbi-fstab-swap .table .th:last-child,
-	[data-page="admin-system-mounts"] #cbi-fstab-mount .table .th:last-child {
-		width: 150px;
-		/* 调整最后一列的宽度 */
-	}
-
-	[data-page="admin-system-mounts"] #cbi-fstab-swap .table .th:first-child {
-		width: 10% !important;
-		/* 调整第一列的宽度 */
-	}
-
-	[data-page^=admin-services-openclash] div#cbi-openclash {
-		overflow-x: scroll
-	}
-
-	[data-page^=admin-services-openclash] div#cbi-openclash .cbi-section {
-		width: calc(100% - 2px);
-	}
 }
 
 

diff --git a/htdocs/luci-static/material3/mobile.css b/htdocs/luci-static/material3/mobile.css
@@ -9,7 +9,7 @@ header h3 a {
 	font-size: 1.6rem
 }
 
-@media screen and (max-width:768px) {
+@media screen and (max-width:854px) {
 
 	.menu-btn,
 	.table,

diff --git a/ucode/template/themes/material3/header.ut b/ucode/template/themes/material3/header.ut
@@ -37,7 +37,7 @@
 		{% endif %}
 		<meta name="viewport" content="initial-scale=1.0">
 		<link rel="stylesheet" href="{{ media }}/cascade.css">
-		<link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ media }}/mobile.css" />
+		<link rel="stylesheet" media="screen and (max-width: 854px)" href="{{ media }}/mobile.css" />
 		<link rel="icon" href="{{ media }}/logo_48.png" sizes="48x48">
 		<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
 		{% if (node?.css): %}