Skip to content

Commit 4c9cbfc

Browse files
authored
add videos popup CSS
1 parent 54066e7 commit 4c9cbfc

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

style.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -813,3 +813,36 @@ footer.progress-footer {
813813
aspect-ratio: 9 / 16;
814814
}
815815

816+
.popup.glass {
817+
position: fixed;
818+
top: 50%;
819+
left: 50%;
820+
transform: translate(-50%, -50%);
821+
width: 600px;
822+
max-height: 400px;
823+
overflow-y: auto;
824+
background: var(--glass-bg);
825+
border: 1.5px solid var(--glass-border);
826+
backdrop-filter: blur(13px) saturate(1.2);
827+
box-shadow: 0 0 32px rgba(18, 58, 89, 0.12);
828+
border-radius: 12px;
829+
padding: 1rem;
830+
z-index: 1000;
831+
}
832+
833+
.popup-header {
834+
display: flex;
835+
justify-content: space-between;
836+
align-items: center;
837+
border-bottom: 1.5px solid var(--glass-border);
838+
margin-bottom: 1rem;
839+
}
840+
841+
.popup-content .video-item {
842+
margin-bottom: 1rem;
843+
}
844+
845+
.hidden {
846+
display: none;
847+
}
848+

0 commit comments

Comments
 (0)