add media query

processing · Dec 6, 2024 · f5d0338 · f5d0338
1 parent 34febe2
commit f5d0338
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/client/modules/Preview/CoordinateTracker.jsx b/client/modules/Preview/CoordinateTracker.jsx
@@ -5,7 +5,7 @@ import { remSize } from '../../theme';
 const CoordContainer = styled.div`
   z-index: 1000;
   padding: ${remSize(0.1)};
-  border-bottom: ${remSize(1)} dashed #a6a6a6;
+  // border-bottom: ${remSize(1)} dashed #a6a6a6;
   margin-bottom: ${remSize(4)};
 
   p {
@@ -16,6 +16,11 @@ const CoordContainer = styled.div`
     font-weight: light;
     color: ${(props) => props.theme.Button.primary.default.foreground};
   }
+
+  @media (max-width: 550px) {
+    // border-bottom: none;
+    margin-top: ${remSize(10)};
+  }
 `;
 
 const CoordinateTracker = (isPlaying) => {