Merge pull request #297 from heywooddogwood/formatting-branch-2

Formatting branch 2
cosmicds · Nov 30, 2023 · da82780 · da82780
2 parents 200a7e0 + 511a68a
commit da82780
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/jwst-brick/src/JwstBrick.vue b/jwst-brick/src/JwstBrick.vue
@@ -104,13 +104,13 @@
         <div
           v-if="showJWSTOpacity"
           id="jwst-crossfade">
-          <span>Stars</span>
+          <span class="mobile-off">Stars</span>
           <input
             class="opacity-range"
             type="range"
             v-model="crossfadeJWST"
           />
-          <span>No stars</span>
+          <span class="mobile-off">No stars</span>
         </div>
       </places-gallery>
     </div>
@@ -1254,5 +1254,15 @@ a {
   }
 }
 
+@media only screen and (max-width: 600px) {
+  #icons-container {
+    display: none;
+  }
+
+  .mobile-off {
+    display: none;
+  }
+}
+
 
 </style>
diff --git a/jwst-brick/src/PlacesGallery.vue b/jwst-brick/src/PlacesGallery.vue
@@ -56,7 +56,7 @@
           @click="selectPlace(place)"
         >
           <img
-            class="noselect"
+            class="noselect mobile-off"
             :src="getImageset(place)?.get_thumbnailUrl() ?? ''"
           />
           <span
@@ -101,7 +101,7 @@ export default defineComponent({
     width: { type: String, default: "300px" },
     maxHeight: { type: String, default: "500px" },
     title: { type: String, default: "Gallery" },
-    selectedColor: { type: String, default: "dodgerblue" },
+    selectedColor: { type: String, default: "deepskyblue" },
     singleSelect: { type: Boolean, default: true },
     highlightLastOnly: { type: Boolean, default: false },
     previewIndex: { type: Number, default: 0 },
@@ -319,7 +319,7 @@ export default defineComponent({
   .gallery-item {
     padding: 2px 10px;
     border-radius: 5px;
-    border: 2px solid white;
+    border: 2px solid #999;
     display: flex;
     flex-direction: column;
     cursor: pointer;