path: settings fab outside bar

sky-ash · Nov 4, 2024 · 4f41322 · 4f41322
1 parent d2c4a88
commit 4f41322
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/components/Navigation.jsx b/src/components/Navigation.jsx
@@ -37,13 +37,25 @@ export default function Navigation() {
     );
   } else if (location.pathname === '/path') {
     return (
+      <>
+        <Link to="/settings">
+          <Fab color="primary"
+               variant='extended'
+               sx={{ position: 'fixed', zIndex: 1,
+                     left: '50%', transform: 'translateX(-50%)',
+                     bottom: 32, }}>
+            <SettingsIcon />
+          </Fab>
+        </Link>
+
       <AppBar position="fixed"
               bgcolor="background.paper"
               p={2}
               sx={{ top: 'auto', 
                     bottom: 0, 
                 }}>
-
+
+        {/*
         <Link to="/settings">
           <Fab color="primary"
               sx={{ position: 'absolute', zIndex: 1,
@@ -52,6 +64,7 @@ export default function Navigation() {
             <SettingsIcon />
           </Fab>
         </Link>
+        */}
 
         <Toolbar>
 
@@ -74,6 +87,7 @@ export default function Navigation() {
         </Toolbar>
 
       </AppBar>
+      </>
     );
   } else if (location.pathname === '/settings' || location.pathname === '/sources') {
     return (