Merge pull request #11 from AstarNetwork/feature/mock-ldb

Feature/mock ldb
AstarNetwork · Dec 28, 2023 · 5403c02 · 5403c02
2 parents 21b1d5a + a90c7c2
commit 5403c02
Show file tree

Hide file tree

Showing 7 changed files with 318 additions and 54 deletions.
diff --git a/app/custom.css b/app/custom.css
@@ -1 +1,20 @@
-.uploadcare--button_primary { background: #157cfc; }
+@font-face {
+  font-family: 'Inter';
+  src: url('/fonts/Inter-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: bold;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('/fonts/Inter-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: semi-bold;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('/fonts/Inter-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
diff --git a/app/routes/_layout.floors.$floor.tsx b/app/routes/_layout.floors.$floor.tsx
@@ -41,6 +41,14 @@ export default function Floor() {
   const scrollContainerRef = useRef<HTMLDivElement>(null);
   const backgroundRef = useRef<HTMLDivElement>(null);
 
+  const disableBodyScroll = () => {
+    document.body.style.overflow = "hidden";
+  };
+
+  const enableBodyScroll = () => {
+    document.body.style.overflow = "";
+  };
+
   const updateScrollProgress = () => {
     const scrollContainerDiv = scrollContainerRef.current;
     if (scrollContainerDiv) {
@@ -206,6 +214,8 @@ export default function Floor() {
                         transition: "width 0.3s ease",
                       }}
                       onScroll={(event) => event.stopPropagation()}
+                      onMouseEnter={disableBodyScroll}
+                      onMouseLeave={enableBodyScroll}
                     >
                       <p className="p-4 font-bold text-xl capitalize">{machine.title}</p>
                       <p className="p-4">{machine.description}</p>