feat(web): show image preview in file view menu

2023-02-02 00:05:04 +03:00
parent ef373db8d5
commit 8089c6ae68
4 changed files with 35 additions and 5 deletions
@@ -58,6 +58,24 @@ main {
 	overflow: hidden;
 }

+#menu-file-view {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	border-radius: 0;
+	overflow-x: hidden;
+	overflow-y: scroll;
+}
+
+#preview {
+	max-width: 100%;
+	max-height: 90vh;
+	object-fit: contain;
+	object-position: center;
+}
+
 form {
 	flex: 1 1 auto;
 	padding: 2vw 2vw;
@@ -79,6 +97,14 @@ form {
 	overflow-x: hidden;
 }

+#menu-file-view form {
+	min-height: initial;
+}
+
+#menu-file-view .list {
+	height: 50vh;
+}
+
 .list:after {
 	content: "";
 	flex: auto;