update(docs): styling of sidebar and header

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

update(docs): target server generation

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

examples/EdgeWithButton/ButtonEdge.vue

@@ -73,3 +73,12 @@ const center = computed(() =>
     </body>
   </foreignObject>
 </template>
+<style>
+.edgebutton {
+  border-radius: 999px;
+  cursor: pointer;
+}
+.edgebutton:hover {
+  box-shadow: 0 0 0 2px pink, 0 0 0 4px #f05f75;
+}
+</style>

examples/index.css

@@ -90,11 +90,3 @@ header select {
     display: block;
   }
 }
-
-.edgebutton {
-  border-radius: 999px;
-  cursor: pointer;
-}
-.edgebutton:hover {
-  box-shadow: 0 0 0 2px pink , 0 0 0 4px #f05f75;
-}