فهرست منبع

update editor page background

AykutSarac 2 سال پیش
والد
کامیت
fa150ca03b
1فایلهای تغییر یافته به همراه8 افزوده شده و 2 حذف شده
  1. 8 2
      src/components/Graph/index.tsx

+ 8 - 2
src/components/Graph/index.tsx

@@ -21,8 +21,8 @@ const StyledEditorWrapper = styled.div<{ widget: boolean }>`
   height: ${({ widget }) => (widget ? "calc(100vh - 36px)" : "calc(100vh - 65px)")};
   height: ${({ widget }) => (widget ? "calc(100vh - 36px)" : "calc(100vh - 65px)")};
   background: ${({ theme }) => theme.BACKGROUND_SECONDARY};
   background: ${({ theme }) => theme.BACKGROUND_SECONDARY};
   background-image: ${({ theme }) =>
   background-image: ${({ theme }) =>
-    `radial-gradient(#505050 0.5px, ${theme.BACKGROUND_SECONDARY} 0.5px)`};
-  background-size: 15px 15px;
+    `radial-gradient(#505050 1px, ${theme.BACKGROUND_SECONDARY} 1px)`};
+  background-size: 25px 25px;
 
 
   :active {
   :active {
     cursor: move;
     cursor: move;
@@ -37,6 +37,12 @@ const StyledEditorWrapper = styled.div<{ widget: boolean }>`
     fill: ${({ theme }) => theme.BACKGROUND_NODE};
     fill: ${({ theme }) => theme.BACKGROUND_NODE};
   }
   }
 
 
+  @media only screen and (max-width: 1440px) {
+    background-image: ${({ theme }) =>
+      `radial-gradient(#505050 0.5px, ${theme.BACKGROUND_SECONDARY} 0.5px)`};
+    background-size: 15px 15px;
+  }
+
   @media only screen and (max-width: 320px) {
   @media only screen and (max-width: 320px) {
     height: 100vh;
     height: 100vh;
   }
   }