mirror of
https://github.com/App1ePine/free-video.git
synced 2025-12-15 10:59:39 +00:00
refactor(style): 修改剧集按钮样式
This commit is contained in:
parent
cd107feec2
commit
83ebca6719
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user