Merge pull request #21 from offboard-studio/release/0.0.0

Release/0.0.0

Author: offboardstudio

libs/components/src/components/canvas/styles.scss

@@ -1,60 +1,51 @@
-
-
 $dark-appbar-background: #413f3f;
 $dark-canvas-background: rgb(107, 107, 107);
 $dark-canvas-grid: rgba(255,255,255, 0.05);
-
-
-
 $dark-constant-background: #f6a706;
 $dark-param-port: #f6a706;
 $dark-input-port: red;
 $dark-output-port: green;
 
-
 #board {
-    #canvas-container {
-
-        height: 100%;
-        background-size: 50px 50px;
-        display: flex;
-
-        >* {
-            height: 100%;
-            min-height: 100%;
-            width: 100%;
-        }
+  #canvas-container {
+    height: 100%;
+    background-size: 50px 50px;
+    display: flex;
+    
+    > * {
+      height: 100%;
+      min-height: 100%;
+      width: 100%;
     }
-
+  }
 }
 
-
 .theme-dark {
-    #board {
-        #canvas-container {
-            background-color: $dark-canvas-background;
-            overflow: auto;
-            background-image: linear-gradient(0deg,
-                    transparent 24%,
-                    $dark-canvas-grid 25%,
-                    $dark-canvas-grid 26%,
-                    transparent 27%,
-                    transparent 74%,
-                    $dark-canvas-grid 75%,
-                    $dark-canvas-grid 76%,
-                    transparent 77%,
-                    transparent),
-                linear-gradient(90deg,
-                    transparent 24%,
-                    $dark-canvas-grid 25%,
-                    $dark-canvas-grid 26%,
-                    transparent 27%,
-                    transparent 74%,
-                    $dark-canvas-grid 75%,
-                    $dark-canvas-grid 76%,
-                    transparent 77%,
-                    transparent);
-            background-attachment: local;
-        }
+  #board {
+    #canvas-container {
+      background-color: $dark-canvas-background;
+      overflow: hidden;
+      background-image: linear-gradient(0deg,
+        transparent 24%,
+        $dark-canvas-grid 25%,
+        $dark-canvas-grid 26%,
+        transparent 27%,
+        transparent 74%,
+        $dark-canvas-grid 75%,
+        $dark-canvas-grid 76%,
+        transparent 77%,
+        transparent),
+        linear-gradient(90deg,
+        transparent 24%,
+        $dark-canvas-grid 25%,
+        $dark-canvas-grid 26%,
+        transparent 27%,
+        transparent 74%,
+        $dark-canvas-grid 75%,
+        $dark-canvas-grid 76%,
+        transparent 77%,
+        transparent);
+      background-attachment: local;
     }
+  }
 }

libs/pages/src/board/board_sidebar/styles.scss

@@ -4,6 +4,8 @@
   height: 100vh;
   overflow: hidden;
 
+  max-height: 100vh; 
+
   // Main sidebar styles
   .sidebar {
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -86,6 +88,8 @@
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     backdrop-filter: blur(10px);
 
+    overflow-y: hidden; 
+
     &:nth-child(2) {
       box-shadow: 2px 0 20px rgba(0, 0, 0, 0.15);
     }

libs/pages/src/board/styles.scss

@@ -19,6 +19,7 @@
 .App {
   display: flex;
   flex-direction: column;
+  overflow: hidden;
   height: 100vh;
 }
 
@@ -40,12 +41,13 @@
 
 .board-container {
   display: flex;
-  height: 100vh; /* Tam ekranı kapsaması için viewport yüksekliği */
+  height: 100vh;
 }
 
 .main-content {
   flex: 1;
-  height: 100%; /* Tam yüksekliği alır */
+
+  overflow: hidden;
 }
 
 .app-bar {
@@ -67,4 +69,4 @@
     display: flex;
     align-items: center;
   }
-}
+}