feat: 服务支持页面竖屏适配
All checks were successful
deploy to server / build-and-deploy (push) Successful in 3m7s

-竖屏是修改支持卡片布局
This commit is contained in:
2025-11-01 16:32:37 +08:00
parent 0996e910d9
commit 853046d633

View File

@ -86,7 +86,8 @@
} }
.card-group { .card-group {
display: flex; display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px; gap: 50px;
justify-content: space-around; justify-content: space-around;
margin-bottom: 2rem; margin-bottom: 2rem;
@ -121,4 +122,15 @@
border-radius: 4px; border-radius: 4px;
min-height: 36px; min-height: 36px;
} }
@media (max-width: 768px) {
section {
width: 100%;
}
.card-group {
grid-template-columns: 1fr;
gap: 20px;
}
}
</style> </style>