refactor(style): 修改剧集按钮样式

This commit is contained in:
ApplePine 2025-06-21 12:10:19 +08:00
parent cd107feec2
commit 83ebca6719
2 changed files with 17 additions and 8 deletions

View File

@ -411,16 +411,14 @@ const goBack = () => {
} }
.episodes-grid { .episodes-grid {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
gap: 6px; gap: 6px;
} }
.episodes-grid :deep(.el-button) { .episodes-grid :deep(.el-button) {
flex: 0 0 48px; width: 50px;
width: 48px; height: 28px;
height: 32px; margin-left: 2px;
padding: 0;
margin: 0;
} }
</style> </style>

View File

@ -510,7 +510,13 @@ onUnmounted(() => {
.episodes-grid { .episodes-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
gap: 8px; gap: 6px;
}
.episodes-grid :deep(.el-button) {
width: 100%;
height: 28px;
margin-left: 6px;
} }
.all-episodes { .all-episodes {
@ -519,6 +525,11 @@ onUnmounted(() => {
gap: 10px; gap: 10px;
} }
.all-episodes :deep(.el-button) {
width: 100%;
margin-left: 12px;
}
.support-card { .support-card {
margin-top: 20px; margin-top: 20px;
margin-bottom: 30px; margin-bottom: 30px;