feat(example): add sidebar to provider example

2020-06-03 21:35:19 +02:00
parent d69277df8a
commit e0ea040c1b
5 changed files with 145 additions and 64 deletions
@@ -0,0 +1,32 @@
+.providerflow {
+  display: flex;
+  height: 100%;
+}
+
+.providerflow aside {
+  width: 20%;
+  max-width: 250px;
+  flex-grow: 1;
+  border-right: 1px solid #eee;
+  padding: 10px;
+  font-size: 12px;
+  background: #fcfcfc;
+}
+
+.providerflow aside .description {
+  margin-bottom: 10px;
+}
+
+.providerflow aside .title {
+  font-weight: 700;
+  margin-bottom: 5px;
+}
+
+.providerflow aside .transform {
+  margin-bottom: 20px;
+}
+
+.providerflow .reactflow-wrapper {
+  flex-grow: 1;
+  height: 100%;
+}