From f8ade5d75584fa738f3d14bf8c2970ab88fc32c8 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Sun, 6 Nov 2022 01:03:35 -0700
Subject: [PATCH] viewer: hide arrows on mobile

---
 src/components/Viewer.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Viewer.vue b/src/components/Viewer.vue
index 0dbc6f43..a25cb566 100644
--- a/src/components/Viewer.vue
+++ b/src/components/Viewer.vue
@@ -645,5 +645,12 @@ export default class Viewer extends Mixins(GlobalMixin) {
   .pswp__icn-shadow {
     display: none;
   }
+
+  // Hide arrows on mobile
+  @media (max-width: 768px) {
+    .pswp__button--arrow {
+      opacity: 0 !important;
+    }
+  }
 }
 </style>
\ No newline at end of file