phanpy/src/components/embed-modal.css

32 lines
572 B
CSS
Raw Normal View History

2024-01-06 11:46:45 +03:00
.embed-modal-container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
pointer-events: none;
.top-controls {
padding: 16px;
display: flex;
gap: 8px;
justify-content: space-between;
pointer-events: auto;
}
.embed-content {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
iframe {
pointer-events: auto;
max-width: 100%;
2024-01-19 15:31:05 +03:00
max-height: 100%;
width: max(var(--width), 480px);
height: auto;
aspect-ratio: var(--aspect-ratio);
2024-01-06 11:46:45 +03:00
}
}
}