16 lines
1.1 KiB
CSS
16 lines
1.1 KiB
CSS
.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translateY(-50px); }
|
|
.modal.show .modal-dialog { transform: translateY(0); }
|
|
.modal-content { background-color: var(--bg-secondary); border-radius: var(--radius-lg); border: 1px solid var(--border-color); box-shadow: 0 10px 30px var(--shadow-color); color: var(--text-primary); }
|
|
.modal-header { border-bottom: 1px solid var(--border-color); padding: 1rem 1.5rem; }
|
|
.modal-header .modal-title { font-family: var(--font-heading); font-size: 1.4rem; color: var(--text-primary); }
|
|
.modal-header .btn-close { filter: invert(0.8) brightness(1.2); opacity: 0.8; transition: opacity 0.2s; }
|
|
.modal-header .btn-close:hover { opacity: 1; }
|
|
.modal-body { padding: 1.5rem; }
|
|
.modal-footer { border-top: 1px solid var(--border-color); padding: 1rem 1.5rem; background-color: var(--bg-tertiary); border-bottom-left-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); }
|
|
|
|
.modal-fullscreen .modal-content {
|
|
height: calc(100vh - var(--taskbar-height));
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom: none;
|
|
} |