disclaimer + floors fix

client/src/components/complexPage/ComplexTopPanel.tsx

@@ -90,13 +90,13 @@ const ComplexTopPanel = () => {
           <Button
             icon={<InfoIcon />}
             buttonType="primary"
-            text="About Complex"
+            text="About Projects"
             onClick={handleOnAboutComplexClick}
           />
         </div>
         <div className="flex flex-col sm:col-start-6 col-start-8 sm:col-span-4 col-span-4 text-white text-center items-start ">
           <div
-            className={`text-center duration-300 ease-in-out transition-opacity hidden lg:block ${
+            className={`text-center duration-300 ease-in-out transition-opacity hidden sm:block ${
               isSidebar ? "opacity-0" : "opacity-100"
             }`}
           >

client/src/components/complexWingPage/SequenceWing/FloorNumbers.tsx

@@ -2,6 +2,7 @@ const FloorNumbers = () => {
   return (
     <>
       <svg
+        className="sm:hidden block"
         y={745.34}
         x={691.44}
         width="24"
@@ -17,6 +18,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={764.34}
         x={691.44}
         width="24"
@@ -32,6 +34,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={783.34}
         x={691.44}
         width="24"
@@ -47,6 +50,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={802.34}
         x={691.44}
         width="24"
@@ -62,6 +66,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         width="24"
         height="14"
         viewBox="0 0 24 14"
@@ -77,6 +82,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={840.34}
         x={691.44}
         width="24"
@@ -92,6 +98,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={859.34}
         x={691.44}
         width="24"
@@ -107,6 +114,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={878.34}
         x={691.44}
         width="24"
@@ -122,6 +130,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={921.34}
         x={642.44}
         width="73"
@@ -137,6 +146,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={969.34}
         x={691.44}
         width="25"
@@ -152,6 +162,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={990.34}
         x={691.44}
         width="25"
@@ -167,6 +178,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1009.34}
         x={691.44}
         width="25"
@@ -182,6 +194,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1028.34}
         x={691.44}
         width="25"
@@ -197,6 +210,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1047.34}
         x={691.44}
         width="25"
@@ -212,6 +226,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1066.34}
         x={691.44}
         width="25"
@@ -227,6 +242,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1085.34}
         x={691.44}
         width="25"
@@ -242,6 +258,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1104.34}
         x={691.44}
         width="25"
@@ -257,6 +274,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1123.34}
         x={691.44}
         width="25"
@@ -272,6 +290,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1142.34}
         x={691.44}
         width="25"
@@ -287,6 +306,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1161.34}
         x={691.44}
         width="25"
@@ -302,6 +322,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1180.34}
         x={691.44}
         width="25"
@@ -317,6 +338,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1199.34}
         x={694.44}
         width="19"
@@ -333,6 +355,7 @@ const FloorNumbers = () => {
       </svg>
 
       <svg
+        className="sm:hidden block"
         y={1218.34}
         x={694.44}
         width="19"
@@ -348,6 +371,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1237.34}
         x={694.44}
         width="19"
@@ -363,6 +387,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1256.34}
         x={694.44}
         width="19"
@@ -378,6 +403,7 @@ const FloorNumbers = () => {
         />
       </svg>
       <svg
+        className="sm:hidden block"
         y={1275.34}
         x={694.44}
         width="19"

client/src/components/complexWingPage/SequenceWing/SequenceWing.tsx

@@ -35,7 +35,6 @@ const SequenceWing = () => {
   const [width, setWidth] = useState<number>(0);
   const [top, setTop] = useState<number>(0);
   const [left, setLeft] = useState<number>(0);
-  // const leftWingRef = useRef(null);
   const { isSidebar, setIsSidebar } = useWingSidebar();
   const [mousePos, setMousePos] = useState<[number, number]>([0, 0]);
   const [currentHoveredFloor, setHoverCurrentFloor] =
@@ -388,8 +387,8 @@ const SequenceWing = () => {
             currentHoveredFloor?.floor !== skyGardenFloor &&
             currentHoveredFloor &&
             isWrapperHovered
-              ? "opacity-100"
-              : "opacity-0"
+              ? "flex"
+              : "hidden"
           }`}
           style={{
             top: mousePos[1],
@@ -409,8 +408,8 @@ const SequenceWing = () => {
             currentHoveredFloor?.floor === skyGardenFloor &&
             currentHoveredFloor &&
             isWrapperHovered
-              ? "opacity-100"
-              : "opacity-0"
+              ? "flex"
+              : "hidden"
           }`}
           style={{
             top: mousePos[1],

client/src/components/modals/DisclaimerModal.tsx

@@ -9,7 +9,7 @@ const DisclaimerModal = () => {
 
   return (
     <div className="absolute z-[99999999] top-0 left-0 w-screen bg-[#0D192266] h-screen backdrop-blur-[6px] grid grid-cols-12  items-center">
-      <div className="bg-white rounded-lg col-span-4 col-start-5 py-[37px] px-8">
+      <div className="bg-white rounded-lg lg:col-span-4 col-span-8 col-start-3 lg:col-start-5 py-[37px] px-8">
         <div className=" w-full h-1 flex justify-between">
           <div className="h-[2px] bg-[#00BED7] w-1/3 rounded-full"></div>
           <button onClick={handleOnCloseClick}>