Browse Source

style minimap

AykutSarac 3 years ago
parent
commit
b6bb0eaf92
1 changed files with 12 additions and 0 deletions
  1. 12 0
      src/containers/LiveEditor/index.tsx

+ 12 - 0
src/containers/LiveEditor/index.tsx

@@ -6,6 +6,7 @@ import { FlowWrapper } from "./FlowWrapper";
 const StyledLiveEditor = styled.div`
 const StyledLiveEditor = styled.div`
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
+  border-left: 1px solid ${({ theme }) => theme.SILVER_DARK};
 
 
   .react-flow__controls {
   .react-flow__controls {
     display: grid;
     display: grid;
@@ -17,6 +18,17 @@ const StyledLiveEditor = styled.div`
     left: unset;
     left: unset;
   }
   }
 
 
+  .react-flow__minimap {
+    top: 8px;
+    right: 8px;
+    background: transparent;
+
+    .react-flow__minimap-mask {
+      fill: ${({ theme }) => theme.SILVER_DARK};
+      opacity: 0.5;
+    }
+  }
+
   .react-flow__controls-button {
   .react-flow__controls-button {
     background: ${({ theme }) => theme.BLACK_PRIMARY};
     background: ${({ theme }) => theme.BLACK_PRIMARY};
     fill: ${({ theme }) => theme.SILVER};
     fill: ${({ theme }) => theme.SILVER};