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;
overflow: hidden;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
max-width: 960px;
}
.video-shell video {
width: 100%;
height: auto;
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 {