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