style: 增加资源关卡最大显示数到5,在1080P下达到最佳效果,并修改响应式布局
This commit is contained in:
@@ -530,7 +530,7 @@ onMounted(() => {
|
||||
|
||||
.resource-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
@@ -723,6 +723,13 @@ onMounted(() => {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1500px) {
|
||||
.activity-list,
|
||||
.resource-list {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.activity-list,
|
||||
.resource-list {
|
||||
@@ -730,13 +737,6 @@ onMounted(() => {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.activity-list,
|
||||
.resource-list {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
/* 代理状态样式 */
|
||||
.proxy-card {
|
||||
margin-bottom: 24px;
|
||||
|
||||
Reference in New Issue
Block a user