diff --git a/src/styles/globals.css b/src/styles/globals.css index 2e6dadd..f4ed3dc 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1827,6 +1827,10 @@ code { overflow: auto; } +.admin-panel-content__body:has(.service-content-modal-layer) { + overflow: visible; +} + .admin-panel-content .admin-section-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -2717,12 +2721,12 @@ code { } .service-content-modal-layer { - position: fixed; + position: absolute; z-index: 60; - inset: 0; + inset: var(--admin-panel-gap); display: grid; - place-items: center; - padding: 1.4rem; + place-items: stretch; + padding: 0; background: rgba(0, 0, 0, 0.38); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); @@ -2856,8 +2860,9 @@ code { .service-content-modal { position: relative; display: grid; - width: min(58rem, calc(100vw - 2.8rem)); - max-height: min(44rem, calc(100vh - 2.8rem)); + width: 100%; + height: 100%; + max-height: none; grid-template-rows: auto minmax(0, 1fr) auto; gap: 1rem; overflow: hidden; @@ -3380,8 +3385,8 @@ code { } .task-access-modal { - width: min(44rem, calc(100vw - 2rem)); - max-height: min(44rem, calc(100vh - 2.8rem)); + width: 100%; + max-height: none; grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 0.85rem; }