fix(style): adjust icon size in welcome view

witnet · Apr 23, 2024 · 1bc49f8 · 1bc49f8
1 parent c71d9c6
commit 1bc49f8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/CustomIcon.vue b/src/components/CustomIcon.vue
@@ -1,5 +1,5 @@
 <template>
-  <component :is="icon" />
+  <component :is="icon" :class="className" />
 </template>
 
 <script setup lang="ts">

diff --git a/src/components/steps/WelcomeForm.vue b/src/components/steps/WelcomeForm.vue
@@ -1,7 +1,7 @@
 <template>
   <div data-test="welcome-back" class="welcome-back">
     <div class="bar">
-      <CustomIcon class-name="row sheikah-icon" name="sheikah-icon" />
+      <CustomIcon class="row sheikah-icon" name="sheikah-icon" />
       <p v-if="walletInfos && walletInfos.length" class="row title">{{
         $t('welcome_back')
       }}</p>
@@ -80,9 +80,14 @@ export default {
       text-align: left;
     }
 
+    .icon-container {
+      cursor: pointer;
+      margin: -10px;
+      padding: 10px;
+    }
+
     .icon {
       color: var(--text-medium-emphasis);
-      cursor: pointer;
       font-size: 20px;
     }