feat: update step color and add result badge

tmthyadms · Oct 3, 2023 · abd2a40 · abd2a40
1 parent 00f1acb
commit abd2a40
Showing 1 changed file with 7 additions and 12 deletions.
diff --git a/components/hero-edu.vue b/components/hero-edu.vue
@@ -7,25 +7,20 @@
             <li
               v-for="(edu, index) in edus"
               :key="index"
-              class="step step-success !text-start"
+              class="step step-primary !text-start"
             >
               <div>
                 <p>
                   <strong>{{ edu.program }}</strong>
                 </p>
-                <p class="text-xs opacity-60">
+                <p class="mb-2 text-xs opacity-60">
                   {{ edu.school }}
                 </p>
-                <p>
-                  <span
-                    class="tooltip tooltip-bottom align-middle"
-                    :data-tip="edu.resultType"
-                  >
-                    <SvgMortarboard /> </span
-                  ><span class="align-middle text-sm"
-                    >&nbsp;{{ edu.result }}</span
-                  >
-                </p>
+                <div class="tooltip tooltip-bottom" :data-tip="edu.resultType">
+                  <div class="badge badge-sm badge-outline badge-success">
+                    {{ edu.result }}
+                  </div>
+                </div>
               </div>
             </li>
           </ul>