fix(Notification): adjusts top to avoid toolbar in app

rotki · Jun 12, 2024 · b827348 · b827348
1 parent ed641fa
commit b827348
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/overlays/notification/Notification.stories.ts b/src/components/overlays/notification/Notification.stories.ts
@@ -21,7 +21,7 @@ const render: StoryFn<NotificationProps> = args => ({
     <div>
       <Button @click="value = !value"> Click </Button>
       <Notification v-bind="args" v-model='value'>
-        <Card>I am a notification</Card>
+        <div class='m-4'>I am a notification</div>
       </Notification>
     </div>
   `,

diff --git a/src/components/overlays/notification/Notification.vue b/src/components/overlays/notification/Notification.vue
@@ -63,7 +63,7 @@ watchImmediate(value, (display) => {
       leave-to-class="opacity-0"
     >
       <div
-        class="top-2 right-2 fixed drop-shadow-lg z-50"
+        class="top-[3.5rem] right-2 fixed drop-shadow-lg rounded-sm z-50"
         :class="{
           'bg-white dark:bg-[#363636]': !theme,
           'bg-white text-rui-light-text': theme === 'light',