giers10/lang-quiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update video styling and add compact class

Browse Source
This commit is contained in:
Victor Giers
2026-01-07 23:33:07 +01:00
parent db05e764ff
commit 11a20cf0f8
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
client/src/index.css
View File

@@ -166,12 +166,35 @@ h4 {
border-radius: 16px; border-radius: 16px;
overflow: hidden; overflow: hidden;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
max-width: 960px;
} }
.video-shell video { .video-shell video {
width: 100%; width: 100%;
height: auto; height: auto;
display: block; display: block;
aspect-ratio: 9 / 16;
max-height: 75vh;
object-fit: contain;
}
.video-shell.compact {
max-width: 460px;
margin-left: auto;
margin-right: auto;
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
}
.video-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.video-actions {
display: flex;
justify-content: center;
} }
.ig-block { .ig-block {