浏览代码

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)")};
   background: ${({ theme }) => theme.BACKGROUND_SECONDARY};
   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 {
     cursor: move;
@@ -37,6 +37,12 @@ const StyledEditorWrapper = styled.div<{ widget: boolean }>`
     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) {
     height: 100vh;
   }