minor ui improvements
This commit is contained in:
+6
-1
@@ -216,7 +216,12 @@ mark { background: #fff0a0; color: #111; }
|
||||
.document-dialog-head p { font-size: .85rem; overflow-wrap: anywhere; margin-bottom: 0; }
|
||||
.document-detail { height: calc(100% - 95px); min-height: 0; }
|
||||
.document-preview { padding: 1rem; overflow: auto; background: #f5f5f5; }
|
||||
.document-preview img { display: block; width: 100%; height: auto; }
|
||||
.document-dialog:has(.document-preview img) { overflow: hidden; }
|
||||
.document-dialog:has(.document-preview img)[open] { display: flex; flex-direction: column; }
|
||||
.document-dialog:has(.document-preview img) .document-dialog-head { flex-shrink: 0; }
|
||||
.document-dialog:has(.document-preview img) .document-detail { flex: 1; height: auto; overflow: hidden; }
|
||||
.document-dialog:has(.document-preview img) .document-preview { display: flex; align-items: center; justify-content: center; height: 100%; overflow: hidden; }
|
||||
.document-preview img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
|
||||
.document-dialog.pdf-dialog { width: 100vw; height: 100dvh; max-width: 100vw; max-height: 100dvh; margin: 0; border: 0; overflow: hidden; }
|
||||
.document-dialog.pdf-dialog[open] { display: flex; flex-direction: column; }
|
||||
.pdf-dialog .document-dialog-head { flex-shrink: 0; padding: .6rem 1rem; }
|
||||
|
||||
Reference in New Issue
Block a user