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

Add video overlay styles and position relative to .video-shell

Browse Source
This commit is contained in:
Victor Giers
2026-01-07 23:42:48 +01:00
parent 640994a383
commit 17ceea0fe1
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/index.css
View File

@@ -167,6 +167,7 @@ h4 {
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; max-width: 960px;
position: relative;
} }
.video-shell video { .video-shell video {
@@ -185,6 +186,21 @@ h4 {
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18); box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
} }
.video-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.65));
padding: 1rem;
}
.video-overlay .button {
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.video-row { .video-row {
display: flex; display: flex;
flex-direction: column; flex-direction: column;