diff --git a/web/src/assets/styles/app.css b/web/src/assets/styles/app.css index e6e352d..df814a0 100644 --- a/web/src/assets/styles/app.css +++ b/web/src/assets/styles/app.css @@ -18,7 +18,7 @@ height: var(--desktop-stage-height, 100dvh); min-height: var(--desktop-stage-height, 100dvh); display: grid; - grid-template-rows: auto auto minmax(0, 1fr); + grid-template-columns: 220px minmax(0, 1fr); background: var(--bg); } @@ -85,10 +85,12 @@ .main { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); } .main.overview-main { + height: var(--desktop-stage-height, 100dvh); grid-template-rows: auto minmax(0, 1fr); overflow: hidden; } .main.workbench-main { + height: var(--desktop-stage-height, 100dvh); grid-template-rows: auto minmax(0, 1fr); overflow: hidden; } @@ -98,6 +100,7 @@ .main.audit-main, .main.employees-main, .main.settings-main { + height: var(--desktop-stage-height, 100dvh); grid-template-rows: auto minmax(0, 1fr); overflow: hidden; } @@ -123,10 +126,10 @@ background: #fff; } +@media (max-width: 1180px) { + .app { grid-template-columns: 220px minmax(0, 1fr); } +} @media (max-width: 760px) { - .app { - height: auto; - min-height: 100dvh; - } + .app { display: block; } .workarea { padding: 18px 16px 28px; } } diff --git a/web/src/assets/styles/views/policies-view.css b/web/src/assets/styles/views/policies-view.css index f1410ec..8de4ba4 100644 --- a/web/src/assets/styles/views/policies-view.css +++ b/web/src/assets/styles/views/policies-view.css @@ -168,13 +168,17 @@ color: #64748b; } -.document-area { - min-width: 0; - min-height: 0; - display: grid; - grid-template-rows: auto minmax(0, 1fr) auto; - gap: 12px; -} +.document-area { + min-width: 0; + min-height: 0; + display: grid; + grid-template-rows: auto minmax(0, 1fr) auto; + gap: 12px; +} + +.document-area.read-only { + grid-template-rows: minmax(0, 1fr) auto; +} .upload-input { display: none; @@ -220,15 +224,15 @@ font-weight: 850; } -.upload-zone span { - color: #64748b; - font-size: 12px; -} - -.doc-table-wrap { - min-height: 0; - overflow: auto; -} +.upload-zone span { + color: #64748b; + font-size: 12px; +} + +.doc-table-wrap { + min-height: 0; + overflow: auto; +} table { width: 100%;