feat(web): add prev/next navigation buttons to file view menu

2023-02-02 23:50:11 +03:00
parent 82cd625988
commit 560b255b69
4 changed files with 65 additions and 2 deletions
@@ -69,13 +69,38 @@ main {
 	overflow-y: scroll;
 }

+.preview {
+	position: relative;
+	width: 100%;
+}
+
 #preview {
-	max-width: 100%;
+	width: 100%;
 	max-height: 90vh;
 	object-fit: contain;
 	object-position: center;
 }

+.file-nav-btn {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}
+
+.file-nav-btn:hover {
+	background-color: #0001;
+}
+
+#file-prev {
+	right: 50%;
+}
+
+#file-next {
+	left: 50%;
+}
+
 form {
 	flex: 1 1 auto;
 	padding: 2vw 2vw;