fix(mobile): images gallery

gulpfile.js

@@ -124,6 +124,7 @@ const common = {
         'node_modules/react-dom/umd/react-dom.development.js',
         'node_modules/prop-types/prop-types.min.js',
         'node_modules/interactjs/dist/interact.min.js',
+        'node_modules/photoswipe/dist/umd/*.js',
         'packages/amplify/dist/amplify.js',
         'packages/ui/dist/ui/ui.js',
       ]).pipe(gulp.dest(path.join(outputPath, 'capacitor', 'js'))),

src/main/capacitor/components/app.css

@@ -30,6 +30,10 @@ html.plt-capacitor.plt-android {
       }
     }
   }
+
+  .pswp__top-bar {
+    @apply relative top-8;
+  }
 }
 
 html.has-mobile-keyboard {

src/main/frontend/util.cljc

@@ -1395,7 +1395,8 @@
 #?(:cljs
    (def JS_ROOT
      (when-not node-test?
-       (if (= js/location.protocol "file:")
+       (if (or (= js/location.protocol "file:")
+             (string/starts-with? js/location.host "localhost"))
          "./js"
          "./static/js"))))
 

tailwind.capacitor.css

@@ -11,6 +11,7 @@
 
 @import "node_modules/@ionic/react/css/palettes/dark.class.css";
 @import "src/main/frontend/animations.css";
+@import "photoswipe/dist/photoswipe.css";
 @import "packages/amplify/dist/amplify.css";
 @import "src/main/frontend/common.css";
 @import "src/main/frontend/ui.css";