diff --git a/static/css/style.css b/static/css/style.css index 347c117..f5b5ee2 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -554,6 +554,18 @@ header p { -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */ } +/* 最常屏蔽和最常解析域名表格的特殊样式 */ +#top-blocked-table, #top-resolved-table { + font-size: 0.85rem; +} + +/* 限制域名表格高度,只显示5条内容 */ +.table-card .table-wrapper { + max-height: 220px; + overflow-y: auto; + overflow-x: auto; +} + table { width: 100%; border-collapse: collapse; @@ -569,6 +581,13 @@ th, td { word-break: break-word; /* 长文本自动换行 */ } +/* 缩小最常屏蔽和最常解析域名表格的单元格内边距 */ +#top-blocked-table th, #top-blocked-table td, +#top-resolved-table th, #top-resolved-table td { + padding: 0.5rem 0.75rem; + font-size: 0.85rem; +} + /* 移动设备上表格的优化 */ @media (max-width: 768px) { /* 确保表格可以水平滚动 */ diff --git a/static/index.html b/static/index.html index f4cc79c..12bffbf 100644 --- a/static/index.html +++ b/static/index.html @@ -256,7 +256,7 @@
-

最常屏蔽的域名

+

最常屏蔽的域名(每5秒刷新)

@@ -272,7 +272,7 @@
-

最常解析的域名

+

最常解析的域名(每5秒刷新)