Add navigation bar to gallery

- Error on no images has been removed because there might be nested
  directories but 0 images & that is okay.

2 files changed, 7 insertions, 3 deletions

diff --git a/resources/css/style.css b/resources/css/style.css
index b2132df..132a0ba 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -128,7 +128,7 @@ img { width: 400px; }
 .alert {
     background-color: var(--red-subtle-bg);
 }
-#loading-progress, #loading-error { margin-bottom: 2em; }
+#loading-progress, #loading-error, #nav { margin-bottom: 2em; }
 #loading-error { display: none; }
 #loading-error button {
     float: right;
@@ -137,4 +137,8 @@ img { width: 400px; }
     border: 1px var(--bg-active) solid;
     padding: 0.25em 1em;
 }
-#loading-progress { width: 100%; }
+#loading-progress, #nav { width: 100%; }
+#nav {
+    background-color: var(--bg-alt);
+    padding: 1em 0.8em;
+}
diff --git a/resources/js/gallery.js b/resources/js/gallery.js
index d188e49..44ba1b1 100644
--- a/resources/js/gallery.js
+++ b/resources/js/gallery.js
@@ -66,7 +66,7 @@ const onImagesLoaded = (container, event) => {
     let remaining = images.length;
 
     if (images.length === 0) {
-        showLoadingError("No images to display.");
+        // showLoadingError("No images to display.");
         event(remaining, failed, progressBar);
     }