diff --git a/web/modals/modal.css b/web/modals/modal.css index 483528beb..20248f59b 100644 --- a/web/modals/modal.css +++ b/web/modals/modal.css @@ -1,91 +1,79 @@ div.modal-overlay { position: fixed; left: 0; top: 0; bottom: 0; z-index: 4; width: 100%; background-color: rgba(0, 0, 0, 0.4); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: auto; } div.resizable-modal-overlay { min-height: 60px; } div.modal-container { background: var(--bg); background-size: 3000px 2000px; max-width: 330px; border-radius: 15px; display: flex; min-height: 0; max-height: 500px; } div.large-modal-container { max-width: 500px; } div.modal { position: relative; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1); background-color: var(--modal-bg); border-radius: 15px; flex: 1; display: flex; flex-direction: column; } div.large-modal-container div.modal { width: 500px; } div.fixed-height-modal { height: 100%; } span.modal-close { float: right; font-size: 32px; font-weight: 300; line-height: 30px; color: var(--fg); } span.modal-close:hover { cursor: pointer; } div.modal-header { padding: 32px 40px 16px 40px; } div.modal-header > h2 { font-size: var(--xl-font-20); font-weight: var(--bold); color: var(--fg); display: flex; align-items: center; } div.modal-header > h2 svg { padding-right: 8px; display: flex; } -div.intro-modal { - padding: 10px 21px 12px 21px; - border-radius: 5px; - border: 1px solid #c8c8c8; - background-color: #f8f8f8; - width: 310px; - position: fixed; - font-family: var(--font-stack); - margin-top: 100px; - box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.1); -} - @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 320dpi), only screen and (min-resolution: 2dppx) { div.modal-container { background: var(--bg); } }