60 lines
1.4 KiB
SCSS
60 lines
1.4 KiB
SCSS
@use "../core/variables" as *;
|
|
|
|
// =============================================================
|
|
// Media picker modal — fenêtre de sélection des médias (Trumbowyg)
|
|
// =============================================================
|
|
|
|
.media-picker-modal {
|
|
position: fixed;
|
|
inset: 0;
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: $spacing-lg;
|
|
// Overlay plus sombre que la charte "card" pour bien isoler le focus.
|
|
background: rgba(15, 23, 42, 0.72);
|
|
z-index: 1200;
|
|
}
|
|
|
|
.media-picker-modal.is-open {
|
|
display: flex;
|
|
}
|
|
|
|
.media-picker-modal__dialog {
|
|
width: min(1100px, 100%);
|
|
height: min(820px, calc(100vh - #{$spacing-2xl}));
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: $color-bg-white;
|
|
border-radius: $radius-lg;
|
|
box-shadow: 0 20px 60px rgba(15, 23, 42, 0.28);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.media-picker-modal__header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: $spacing-md;
|
|
padding: $spacing-md ($spacing-md + $spacing-xs);
|
|
border-bottom: 1px solid $color-border;
|
|
}
|
|
|
|
.media-picker-modal__title {
|
|
margin: 0;
|
|
font-size: $font-size-base;
|
|
}
|
|
|
|
.media-picker-modal__body {
|
|
flex: 1;
|
|
min-height: 0;
|
|
background: $color-bg-light;
|
|
}
|
|
|
|
.media-picker-modal__frame {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0;
|
|
background: $color-bg-white;
|
|
}
|