TelegramPWA/src/components/main/GameModal.scss

51 lines
760 B
SCSS

.GameModal {
.modal-dialog {
justify-content: center;
max-width: 80%;
height: 100%;
margin: 0;
border: none;
background-color: transparent;
box-shadow: none;
}
.modal-header {
display: none;
}
.modal-content {
overflow: hidden;
}
.game-frame {
width: 100%;
height: 100%;
border: 0;
border-radius: var(--border-radius-modal);
}
@media (max-width: 600px) {
.modal-dialog {
max-width: 100% !important;
border-radius: 0;
background-color: var(--color-background);
}
.modal-header {
display: flex;
padding: 0.5rem;
}
.modal-content {
max-height: none;
padding: 0;
}
.game-frame {
border-radius: 0;
}
}
}