Explorar o código

style minimap

AykutSarac %!s(int64=3) %!d(string=hai) anos
pai
achega
b6bb0eaf92
Modificáronse 1 ficheiros con 12 adicións e 0 borrados
  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`
   width: 100%;
   height: 100%;
+  border-left: 1px solid ${({ theme }) => theme.SILVER_DARK};
 
   .react-flow__controls {
     display: grid;
@@ -17,6 +18,17 @@ const StyledLiveEditor = styled.div`
     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 {
     background: ${({ theme }) => theme.BLACK_PRIMARY};
     fill: ${({ theme }) => theme.SILVER};