This commit is contained in:
Ashley 2022-12-04 11:45:05 +00:00
parent f11617d01f
commit c3c0f80471

View file

@ -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);