feat: start demo to star

FliPPeDround · Aug 20, 2024 · 42cfba4 · 42cfba4
1 parent d67f67d
commit 42cfba4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/docs/.vitepress/components/repl/index.vue b/docs/.vitepress/components/repl/index.vue
@@ -44,6 +44,7 @@ function handleKeydown(evt: KeyboardEvent) {
 
 <style>
 .vue-repl {
+  --color-branding: #a8b1ff !important;
   height: 720px !important;
 }
 .tab-buttons {

diff --git a/docs/guide/start/index.vue b/docs/guide/start/index.vue
@@ -9,28 +9,27 @@ function animate() {
 }
 animate()
 
-const fill = ref('#32cd79')
+const fill = ref('#a8b1ff')
 function changeColor() {
   fill.value = `#${Math.floor(Math.random() * 0xFFFFFF).toString(16)}`
 }
 </script>
 
 <template>
-  <LeaferApp :width="650" :height="340">
+  <LeaferApp :width="650" :height="340" fill="#1b1b1f" @tap="changeColor">
     <Leafer @tap="changeColor">
       <template
         v-for="row in 33"
         :key="row"
       >
-        <Rect
+        <Star
           v-for="col in 17"
           :key="col"
           :rotation="rotation"
           :x="(row - 1) * 20" :y="(col - 1) * 20"
           :width="15" :height="15"
           :fill="fill"
           :draggable="true"
-          @tap="changeColor"
         />
       </template>
     </Leafer>