33 lines
895 B
CSS
33 lines
895 B
CSS
|
/* 默认字体大小 */
|
||
|
|
.nav-item {
|
||
|
|
font-size: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 在大屏幕设备上增大字体大小 */
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.nav-item {
|
||
|
|
font-size: 25px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 在更大屏幕设备上进一步增大字体大小 */
|
||
|
|
@media (min-width: 992px) {
|
||
|
|
.nav-item {
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 设置主面板的背景 */
|
||
|
|
.container-main {
|
||
|
|
min-height: 90vh; /* 铺满整个视口 */
|
||
|
|
background-image: url('../image/background.svg'); /* 背景图片路径 */
|
||
|
|
background-size: cover; /* 覆盖整个容器 */
|
||
|
|
background-position: center; /* 图片居中显示 */
|
||
|
|
background-repeat: no-repeat; /* 不重复图片 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 设置状态表格的对齐方式为垂直居中对齐 */
|
||
|
|
#status-table td {
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|