style: 增加资源关卡最大显示数到5,在1080P下达到最佳效果,并修改响应式布局

This commit is contained in:
Alirea
2025-09-15 10:42:23 +08:00
parent cec8944192
commit 4298961311

View File

@@ -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;