mirror of
https://codeberg.org/ashley/poke.git
synced 2024-12-26 15:58:44 +01:00
fixes :3
This commit is contained in:
parent
a3e6913a95
commit
672762a60d
1 changed files with 8 additions and 18 deletions
|
@ -258,30 +258,15 @@ a.icon-button > img {
|
|||
.watch-page {
|
||||
flex-direction: column;
|
||||
}
|
||||
.video-info {
|
||||
display: grid;
|
||||
grid-auto-rows: 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: max-content max-content max-content;
|
||||
gap: 8px;
|
||||
grid-template-areas: "title" "info" "buttons";
|
||||
}
|
||||
.recommended-list {
|
||||
width: calc(100vw - 48px) !important;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1000px) {
|
||||
.video-info {
|
||||
display: grid;
|
||||
grid-auto-rows: 1fr;
|
||||
grid-template-columns: 615px 1fr max-content;
|
||||
grid-template-rows: max-content max-content;
|
||||
gap: 8px;
|
||||
grid-template-areas: "title title title" "info . buttons";
|
||||
}
|
||||
}
|
||||
|
||||
.watch-page > .primary {
|
||||
flex-grow: 1;
|
||||
margin-left: -0.75em;
|
||||
|
||||
}
|
||||
.video-player-container {
|
||||
max-width: 100%;
|
||||
|
@ -306,8 +291,13 @@ a.icon-button > img {
|
|||
color: #fff;
|
||||
}
|
||||
.video-info {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.video-title {
|
||||
grid-area: title;
|
||||
color: var(--text-primary);
|
||||
|
|
Loading…
Reference in a new issue