[PUI] Make dashboard header look less like a widget (#8611)

* blend in header * move indicator
inventree · Dec 1, 2024 · f948759 · f948759
1 parent 8ac8527
commit f948759
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/frontend/src/components/dashboard/DashboardLayout.tsx b/src/frontend/src/components/dashboard/DashboardLayout.tsx
@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import { Alert, Card, Center, Divider, Loader, Text } from '@mantine/core';
+import { Alert, Card, Center, Loader, Text } from '@mantine/core';
 import { useDisclosure, useHotkeys } from '@mantine/hooks';
 import { IconInfoCircle } from '@tabler/icons-react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
@@ -275,7 +275,6 @@ export default function DashboardLayout() {
         editing={editing}
         removing={removing}
       />
-      <Divider p='xs' />
       {layouts && loaded && availableWidgets.loaded ? (
         <>
           {widgetLabels.length == 0 ? (

diff --git a/src/frontend/src/components/dashboard/DashboardMenu.tsx b/src/frontend/src/components/dashboard/DashboardMenu.tsx
@@ -50,7 +50,7 @@ export default function DashboardMenu({
   }, [user, instanceName]);
 
   return (
-    <Paper p='sm' shadow='xs'>
+    <Paper p='sm' pr={0}>
       <Group justify='space-between' wrap='nowrap'>
         {title}
 
@@ -76,7 +76,7 @@ export default function DashboardMenu({
             <Menu.Target>
               <Indicator
                 color='red'
-                position='bottom-start'
+                position='bottom-center'
                 processing
                 disabled={!editing}
               >