💄 visual touchupd

floyd-li · Apr 10, 2023 · 358b0b4 · 358b0b4
1 parent 63f3944
commit 358b0b4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/components/common/NotificationBox/NotificationBoxModal.vue b/components/common/NotificationBox/NotificationBoxModal.vue
@@ -18,15 +18,15 @@
           <NeoButton
             v-if="!showFilter"
             no-shadow
-            class="button-rounded"
+            class="rounded"
             @click.native="showFilter = !showFilter">
             {{ $t('notification.add') }}
             <NeoIcon icon="plus" size="small" />
           </NeoButton>
           <NeoButton
             v-else
             no-shadow
-            class="button-rounded"
+            class="rounded"
             @click.native="showFilter = !showFilter">
             {{ $t('notification.done') }}
             <NeoIcon icon="check" size="small" />

diff --git a/components/common/NotificationBox/NotificationItem.vue b/components/common/NotificationBox/NotificationItem.vue
@@ -17,8 +17,9 @@
         <NeoTooltip
           :label="displayName"
           :append-to-body="false"
-          class="nft-name mr-4 has-text-weight-bold">
-          <div class="is-ellipsis">
+          :delay="1000"
+          class="nft-name mr-4">
+          <div class="is-ellipsis is-inline-block">
             {{ displayName }}
           </div>
         </NeoTooltip>
@@ -84,6 +85,9 @@ const displayName = computed(
 <style scoped lang="scss">
 @import '@/styles/abstracts/variables';
 
+.is-inline-block {
+  display: inline-block;
+}
 .notify-item {
   padding: 0.75rem 2rem;
   &:hover {

diff --git a/libs/ui/src/components/NeoTooltip/NeoTooltip.vue b/libs/ui/src/components/NeoTooltip/NeoTooltip.vue
@@ -5,6 +5,7 @@
     class="neo-tooltip"
     :position="position"
     :label="label"
+    :delay="delay"
     @click.native.stop>
     <slot>
       <div />
@@ -25,11 +26,13 @@ export interface Props {
   position?: 'top' | 'bottom' | 'left' | 'right'
   active?: boolean
   appendToBody?: boolean
+  delay?: number
 }
 withDefaults(defineProps<Props>(), {
   position: 'top',
   active: true,
   appendToBody: true,
+  delay: undefined,
 })
 </script>