explore styling

davidsklar99 · davidsklar99 · commit b4cbd456bf08 · 2025-04-27T18:33:45.000-05:00
diff --git a/pages/explore/+Page.client.ts b/pages/explore/+Page.client.ts
@@ -381,7 +381,7 @@ function FeatureDetails({setInspectPosition}) {
     }
   }, [bounds]);
 
-  if (result == null) return h(Spinner);
+  if (result == null) return h(Spinner, { className: "loading-spinner" });
   result = result.success.data;  
 
   checkins = createCheckins(result, mapRef, setInspectPosition);
diff --git a/pages/explore/main.sass b/pages/explore/main.sass
@@ -319,6 +319,9 @@ body
   .red-cross
     cursor: pointer
 
+.loading-spinner
+  margin-top: 50px
+
 
 .autocomplete-wrapper
   background-color: var(--panel-background-color)
diff --git a/pages/main.module.sass b/pages/main.module.sass
@@ -230,34 +230,28 @@ body
   display: flex
   justify-content: center
 
+  svg
+    filter: var(--anti-img-color)
+
   .likes-container
     display: grid
     grid-template-columns: 50% 50%
     width: 25%
     justify-content: end
     place-items: center
 
-    .likes-image
-      width: 40px
-
   .comments-container
     display: grid
     grid-template-columns: 50% 50%
     width: 25%
     place-items: center
 
-    .comments-image
-      width: 40px
-
   .observations-container
     display: grid
     grid-template-columns: 50% 50%
     width: 25%
     place-items: center
 
-    .observations-image
-      width: 40px
-
 .marker
   height: 7vh
   display: grid
diff --git a/vite.config.ts.timestamp-1745790648712-50c2498425b6f.mjs b/vite.config.ts.timestamp-1745790648712-50c2498425b6f.mjs

Original file line number	Diff line number	Diff line change
`@@ -381,7 +381,7 @@ function FeatureDetails({setInspectPosition}) {`
`381`	`381`	`}`
`382`	`382`	`}, [bounds]);`
`383`	`383`
`384`		`- if (result == null) return h(Spinner);`
	`384`	`+ if (result == null) return h(Spinner, { className: "loading-spinner" });`
`385`	`385`	`result = result.success.data;`
`386`	`386`
`387`	`387`	`checkins = createCheckins(result, mapRef, setInspectPosition);`