fix(core): 🐛 notificationpopover is design is completed properly

notificationpopover has been fixed Ref: #373
wrappid · Sep 17, 2024 · 3732636 · 3732636
1 parent 0daad98
commit 3732636
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/package/components/utils/NotificationPopOver.js b/package/components/utils/NotificationPopOver.js
@@ -13,18 +13,19 @@ export default function NotificationPopOver() {
     <>
       <CoreBox styleClasses={[CoreClasses.POPOVER.CONTENT]}>
         <CoreBox
-          styleClasses={[CoreClasses?.FLEX?.DIRECTION_ROW, CoreClasses.ALIGNMENT.JUSTIFY_CONTENT_SPACE_BETWEEN, CoreClasses.LAYOUT.VERTICAL_CENTER]}
+          styleClasses={[CoreClasses.DISPLAY.FLEX, CoreClasses.ALIGNMENT.JUSTIFY_CONTENT_SPACE_BETWEEN, CoreClasses.ALIGNMENT.ALIGN_ITEMS_CENTER]}
         >
-          <CoreTypographyBody1>Notifications</CoreTypographyBody1>
+          <CoreTypographyBody1 styleClasses={[CoreClasses.MARGIN.MB0]}>Notifications</CoreTypographyBody1>
 
           <CoreIconButton disabled>
-            <CoreIcon>clear_all</CoreIcon>
+            <CoreIcon>more_horiz</CoreIcon>
           </CoreIconButton>
         </CoreBox>
 
-        <CoreDivider />
       </CoreBox>
 
+      <CoreDivider styleClasses={[CoreClasses.MARGIN.M0]}/>
+
       <CoreBox styleClasses={[CoreClasses.POPOVER.CONTENT]}>
         <CoreTypographyBody1
           sx={{ minWidth: "350px" }}