💄 Adjust UI of edit bar

likecoin · Feb 7, 2024 · c589794 · c589794
1 parent 07e3a68
commit c589794
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/IscnEditBar.vue b/components/IscnEditBar.vue
@@ -2,12 +2,9 @@
   <div
     :class="[
       'flex',
-      'justify-end',
+      'justify-center',
       'items-center',
-      'w-full',
-      'pt-[24px]',
       'gap-[8px]',
-      'lg:pt-0',
     ]"
   >
     <div
@@ -22,6 +19,7 @@
       <div class="h-[20px] w-[2px] bg-medium-gray" />
     </div>
     <Button
+      class="flex flex-shrink-0"
       preset="tertiary"
       :text="$t('NFTPortal.button.download.iscn')"
       @click="handleClickDownload"

diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
@@ -79,10 +79,12 @@
       'max-w-[960px]',
       'mx-auto',
       'px-[8px]',
+      'py-[24px]',
       'lg:px-0',
     ]"
   >
     <IscnEditBar
+      class="ml-auto"
       :is-iscn-owner="isIscnOwner"
       :iscn-id="iscnId"
       :is-show-mint-button="isShowMintButton"