ソースを参照

:sparkles: radio button colors in place

tags/0.0.3^2
K Rob 3年前
コミット
06949d2408

+ 1
- 1
frontend/src/components/onboarding/QuestionResponse.vue ファイルの表示

3
     p {{question.question}} 
3
     p {{question.question}} 
4
     section.radio-buttons.w-flex.row.justify-space-between
4
     section.radio-buttons.w-flex.row.justify-space-between
5
         p(v-for="label in question.labels") {{label}}
5
         p(v-for="label in question.labels") {{label}}
6
-    w-radios.w-flex.row.justify-space-between(@update:model-value="onUpdate" :items="radioItems")
6
+    w-radios.w-flex.row.justify-space-between(@update:model-value="onUpdate" :items="radioItems" color="red")
7
 </template>
7
 </template>
8
 
8
 
9
 <script>
9
 <script>

+ 23
- 8
frontend/src/views/OnboardingView.vue ファイルの表示

1
 <template lang="pug">
1
 <template lang="pug">
2
 main.view--onboarding
2
 main.view--onboarding
3
+<<<<<<< HEAD
3
     article(
4
     article(
4
         style='display: flex; flex-direction: column; align-items: center'
5
         style='display: flex; flex-direction: column; align-items: center'
5
         v-if='survey'
6
         v-if='survey'
13
                 @update-answers='updateAnswers'
14
                 @update-answers='updateAnswers'
14
                 v-if='step && currentStep == i'
15
                 v-if='step && currentStep == i'
15
             )
16
             )
17
+=======
18
+    article(style='display: flex; flex-direction: column; align-items: center')
19
+        component(
20
+            :aspectQuestions='onboardingStep.component == "Aspects" ? aspectQuestions : null'
21
+            :currentStep='currentStep'
22
+            :is='onboardingStep.component'
23
+            @go-to-step='goToStep'
24
+            @handle-submit='onboardingStep.component == "Aspects" ? onSubmit : null'
25
+        )
26
+        //- form(@submit.prevent="onSubmit").questionnaire
27
+        //-     QuestionResponse(v-for="question in questions" :question="question" @updated="onUpdate")
28
+        //-     w-button(type="submit")
29
+        //-         w-icon.mr1 wi-check
30
+        //-         | SUBMIT ANSWERS
31
+    //- MainNav
32
+>>>>>>> ae00929 (:sparkles: radio button colors in place)
16
 </template>
33
 </template>
17
 
34
 
18
 <script>
35
 <script>
95
         justify-content: center
112
         justify-content: center
96
         align-items: center
113
         align-items: center
97
         width: 100%
114
         width: 100%
98
-<<<<<<< HEAD
99
-
100
-        h3
101
-            text-transform: uppercase
102
-=======
103
 
115
 
104
 
116
 
105
         h3
117
         h3
106
             text-transform: uppercase
118
             text-transform: uppercase
107
->>>>>>> 41496c8 (:sparkles: questionnaire styles added #TODO radio buttons checked correct color)
108
             text-align: center
119
             text-align: center
109
             font-size: 28px
120
             font-size: 28px
110
             font-weight: bold
121
             font-weight: bold
150
                     margin: 0
161
                     margin: 0
151
                     font-weight: bold
162
                     font-weight: bold
152
                     text-transform: capitalize
163
                     text-transform: capitalize
153
-            .w-radio__input
154
-                background-color: #D93D59
164
+    .w-radio__input
165
+
166
+        &.primary
167
+            background-color: #FFFFFF
168
+            border: #BCC5D3 1px solid
169
+
155
     .w-card__content
170
     .w-card__content
156
         .w-button
171
         .w-button
157
             height: 50px
172
             height: 50px

読み込み中…
キャンセル
保存