Fix server-side rendering for client (nth-child -> nth-of-type) (n…

…erfstudio-project#177)
yzslab · Mar 1, 2024 · 3b18efa · 3b18efa
1 parent e6b8411
commit 3b18efa
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/viser/client/src/components/Slider.tsx b/src/viser/client/src/components/Slider.tsx
@@ -50,13 +50,13 @@ export default function SliderComponent({
             ...(marks === null
               ? /*  Shift the mark labels so they don't spill too far out the left/right when we only have min and max marks. */
                 {
-                  ":first-child": {
-                    "div:nth-child(2)": {
+                  ":first-of-type": {
+                    "div:nth-of-type(2)": {
                       transform: "translate(-0.2rem, 0.03rem)",
                     },
                   },
-                  ":last-child": {
-                    "div:nth-child(2)": {
+                  ":last-of-type": {
+                    "div:nth-of-type(2)": {
                       transform: "translate(-90%, 0.03rem)",
                     },
                   },