basic functionality running
This commit is contained in:
@@ -26,5 +26,7 @@ body { margin: 0; background: var(--bg); color: var(--text); font-family: sans-s
|
||||
}
|
||||
|
||||
.modal { display: none; position: fixed; inset: 0; background: #000; z-index: 2000; }
|
||||
.modal-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
|
||||
video { width: 80%; max-height: 80vh; }
|
||||
.modal-content { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
|
||||
.close { position: absolute; top: 20px; right: 20px; color: #fff; font-size: 28px; cursor: pointer; background: rgba(0,0,0,0.5); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 2001; }
|
||||
.close:hover { background: rgba(255,255,255,0.2); }
|
||||
video { width: 100%; height: 100%; max-width: 100%; max-height: 100vh; object-fit: contain; }
|
||||
Reference in New Issue
Block a user