From 0958cd67d9b3aaa554b2e2a9f3800d7e8573a6bd Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Mon, 29 Jul 2024 14:59:35 +0500
Subject: [PATCH] fix clouds

---
 client/src/api/urls.ts                              |  1 +
 client/src/api/weather.ts                           |  0
 client/src/components/masterplanPage/map/Clouds.tsx |  6 +++---
 client/src/index.css                                | 13 +------------
 4 files changed, 5 insertions(+), 15 deletions(-)
 create mode 100644 client/src/api/weather.ts

diff --git a/client/src/api/urls.ts b/client/src/api/urls.ts
index ddb8774..62259d3 100644
--- a/client/src/api/urls.ts
+++ b/client/src/api/urls.ts
@@ -1,6 +1,7 @@
 // const serverApi = "http://192.168.56.1:3000";
 const serverApi = "http://194.26.138.94:4002";
 // const serverApi = import.meta.env.VITE_SERVER_API;
+const weatherApi = "";
 
 const apartmentsApi = `${serverApi}/apartments`;
 
diff --git a/client/src/api/weather.ts b/client/src/api/weather.ts
new file mode 100644
index 0000000..e69de29
diff --git a/client/src/components/masterplanPage/map/Clouds.tsx b/client/src/components/masterplanPage/map/Clouds.tsx
index d4984e9..6328571 100644
--- a/client/src/components/masterplanPage/map/Clouds.tsx
+++ b/client/src/components/masterplanPage/map/Clouds.tsx
@@ -11,14 +11,14 @@ function Clouds() {
 
   return (
     <div
-      className="absolute w-fit h-full z-40 select-none tounch-none pointer-events-none tranlsate-all duration-300 flex
+      className="absolute w-fit h-full z-40 select-none tounch-none pointer-events-none tranlsate-all duration-300 flex top-0 -left-[50vw] 
         "
       style={{
         opacity: `${Math.abs(mapScale - 0.5) * 200}%`,
       }}
     >
       <div
-        className={`w-[150vw] h-[150vw] relative transition-opacity ease-in-out infinite-animation opacity-40  `}
+        className={`w-[150vw] h-[100vw] relative transition-opacity ease-in-out infinite-animation opacity-40`}
       >
         <img
           src="/images/clouds/cloud-1.png"
@@ -67,7 +67,7 @@ function Clouds() {
         />
       </div>
       <div
-        className={`w-[150vw] h-[150vw] relative transition-opacity ease-in-out infinite-animation opacity-40  `}
+        className={`w-[150vw] h-[100vw] relative transition-opacity ease-in-out infinite-animation opacity-40 `}
       >
         <img
           src="/images/clouds/cloud-1.png"
diff --git a/client/src/index.css b/client/src/index.css
index 40d1e65..46404f4 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -50,25 +50,14 @@ body {
 
 @layer components {
   .infinite-animation {
-    animation: infiniter 75s linear infinite;
+    animation: infiniter 5s linear infinite;
   }
 
   @keyframes infiniter {
     from {
-      transform: translateX(0%);
-    }
-    to {
-      transform: translateX(-100%);
-    }
-  }
-
-  @keyframes infiniter {
-    from {
-      transform: translateX(0%);
       transform: translateX(-100%);
     }
     to {
-      transform: translateX(-100%);
       transform: translateX(0%);
     }
   }