Fix bubbles on mobile

cesium · Oct 11, 2023 · b842a48 · b842a48
1 parent 0e70416
commit b842a48
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/components/Background/index.jsx b/components/Background/index.jsx
@@ -1,14 +1,23 @@
 export default function Background() {
   return (
-    <div className="wrap overflow-hidden opacity-30 select-none sm:block hidden">
+    <div className="wrap overflow-hidden opacity-30 select-none block">
       <object className="shape x1" data="/images/props/shapes_3.svg" />
       <object className="shape x2" data="/images/props/shapes_2.svg" />
-      <object className="shape x3" data="/images/props/shapes_3.svg" />
+      <object
+        className="shape x3 hidden sm:block"
+        data="/images/props/shapes_1.svg"
+      />
       <object className="shape x4" data="/images/props/shapes_3.svg" />
-      <object className="shape x5" data="/images/props/shapes_2.svg" />
-      <object className="shape x6" data="/images/props/shapes_3.svg" />
+      <object
+        className="shape x5 hidden sm:block"
+        data="/images/props/shapes_2.svg"
+      />
+      <object
+        className="shape x6 hidden sm:block"
+        data="/images/props/shapes_3.svg"
+      />
       <object className="shape x7" data="/images/props/shapes_2.svg" />
-      <object className="shape x8" data="/images/props/shapes_2.svg" />
+      <object className="shape x8" data="/images/props/shapes_1.svg" />
       <object className="shape x9" data="/images/props/shapes_3.svg" />
       <object className="shape x10" data="/images/props/shapes_2.svg" />
     </div>

diff --git a/public/images/props/shapes_1.svg b/public/images/props/shapes_1.svg