mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
fix(screenshot): fix the layout of screenshot list in different modes
This commit is contained in:
parent
35a3d30799
commit
4d91572379
@ -101,13 +101,17 @@ export default Vue.extend({
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
.bpx-player-container[data-screen='web'] &,
|
||||
.bpx-player-container[data-screen='full'] & {
|
||||
bottom: calc(73px + var(--thumbnail-margin-vertical));
|
||||
}
|
||||
}
|
||||
.video-screenshot-list {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
top: 64px;
|
||||
right: 0;
|
||||
margin: var(--thumbnail-margin-vertical) var(--thumbnail-margin-horizontal);
|
||||
max-height: calc(100% - 3 * var(--thumbnail-margin-vertical) - 37px);
|
||||
max-height: calc(100% - 3 * var(--thumbnail-margin-vertical) - 98px);
|
||||
width: var(--screenshot-list-width);
|
||||
background-color: #000c;
|
||||
border-radius: 8px;
|
||||
@ -124,6 +128,11 @@ export default Vue.extend({
|
||||
opacity: 0;
|
||||
transform: translateX(var(--screenshot-width));
|
||||
}
|
||||
.bpx-player-container[data-screen='web'] &,
|
||||
.bpx-player-container[data-screen='full'] & {
|
||||
top: 0;
|
||||
max-height: calc(100% - 3 * var(--thumbnail-margin-vertical) - 107px);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user