fix: SecondaryLinkButton apply

vuejs-jp · Apr 14, 2024 · 735c065 · 735c065
1 parent 043ccb2
commit 735c065
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/apps/web/app/error.vue b/apps/web/app/error.vue
@@ -44,23 +44,19 @@ useHead({
       {{ $t('not_found') }}
     </h1>
     <div class="actions">
-      <VFLinkButton
+      <VFSecondaryLinkButton
         class="action"
-        background-color="white"
-        color="vue-blue-gradation"
         target=""
         href="/"
       >
         {{ $t('back_to_top') }}
-      </VFLinkButton>
+      </VFSecondaryLinkButton>
     </div>
   </div>
 </template>
 
 <style scoped>
 .error {
-  --height-button: 66px;
-
   display: flex;
   align-items: center;
   justify-content: center;
@@ -81,7 +77,9 @@ h1 {
 .action {
   --height-button: 66px;
 
+  display: block;
   height: var(--height-button);
+  border-radius: var(--height-button);
 }
 @media (--tablet) {
   .actions {