瀏覽代碼

:sparkles: splash page siimee logo added and button styled

tags/0.0.3^2
K Rob 3 年之前
父節點
當前提交
303822500b
共有 2 個檔案被更改,包括 17 行新增6 行删除
  1. 二進制
      frontend/assets/logos/siimee_logo.jpg
  2. 17
    6
      frontend/src/components/onboarding/Splash.vue

二進制
frontend/assets/logos/siimee_logo.jpg 查看文件


+ 17
- 6
frontend/src/components/onboarding/Splash.vue 查看文件

@@ -1,9 +1,15 @@
1 1
 <template lang="pug">
2
-.splash
3
-    .splash--icon(style='width: 347px; height: 347px; background-color: red')
4
-    div(style='text-align: center')
5
-        w-button.ma1.grow(@click='handleSubmit') GET STARTED
6
-
2
+w-flex.column
3
+    w-image.splash-logo(:height='300' :src='`/assets/logos/siimee_logo.jpg`' :width='300')
4
+    w-button.ma1.grow.next-btn(
5
+        :height='50'
6
+        :width='315'
7
+        @click='this.$emit("go-to-step", currentStep + 1)'
8
+        bg-color='success'
9
+        shadow
10
+        text
11
+        xl
12
+    ) GET STARTED
7 13
 </template>
8 14
 
9 15
 <script>
@@ -22,6 +28,11 @@ export default {
22 28
             this.$emit('update-answers', null)
23 29
         },
24 30
     },
25
-
26 31
 }
27 32
 </script>
33
+
34
+<style lang="sass">
35
+.w-button
36
+    &.next-btn
37
+        background-color: #5BA626
38
+</style>

Loading…
取消
儲存