mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-28 13:39:07 +01:00
fixes :3
This commit is contained in:
parent
f11617d01f
commit
c3c0f80471
1 changed files with 8 additions and 18 deletions
|
@ -258,30 +258,15 @@ a.icon-button > img {
|
||||||
.watch-page {
|
.watch-page {
|
||||||
flex-direction: column;
|
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 {
|
.recommended-list {
|
||||||
width: calc(100vw - 48px) !important;
|
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 {
|
.watch-page > .primary {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
margin-left: -0.75em;
|
||||||
|
|
||||||
}
|
}
|
||||||
.video-player-container {
|
.video-player-container {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
@ -306,8 +291,13 @@ a.icon-button > img {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.video-info {
|
.video-info {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
color: var(--text-secondary);
|
color: var(--text-secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.video-title {
|
.video-title {
|
||||||
grid-area: title;
|
grid-area: title;
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
|
|
Loading…
Reference in a new issue