update(docs): Add all examples

docs/assets/index.css

@@ -16,10 +16,17 @@ body,
   margin: 0;
   height: 100%;
   color: #111;
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url('./polygon-scatter.svg');
 }
 
 #__nuxt {
   position: relative;
+}
+
+.backround-img {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -42,7 +49,7 @@ header {
 }
 
 header a:hover {
-  color: whitesmoke;
+  color: #c9c9c9;
 }
 
 header select {
@@ -95,7 +102,11 @@ header select {
 }
 
 #vue-flow-docs {
-  height: 100%;
+  display: flex;
   margin:0;
   background: #fff;
 }
+
+.button {
+  @apply bg-gray-200 hover:bg-gray-300 focus:outline-none font-bold mr-2 border-2 p-2 rounded-xl;
+}