top列表显示优化
This commit is contained in:
@@ -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) {
|
||||
/* 确保表格可以水平滚动 */
|
||||
|
||||
Reference in New Issue
Block a user