jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Move settings to upper right and enabled scrollable appbar

Browse Source
This commit is contained in:
James Ketr 2025-04-17 18:40:01 -07:00
parent c9a6f34d5a
commit 77fbc7655b
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/App.tsx
View File

@ -1055,33 +1055,33 @@ const App = () => {
}}
>
<Toolbar>
<Tooltip title="LLM Settings">
<IconButton
color="inherit"
aria-label="open drawer"
edge="start"
onClick={handleDrawerToggle}
sx={{ mr: 2 }}
>
<SettingsIcon />
</IconButton>
</Tooltip>
{mobileOpen === false &&
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<Tabs value={tab} indicatorColor="secondary"
textColor="inherit"
{
mobileOpen === false &&
<Box sx={{ display: "flex", flexGrow: 1 }}>
<Tabs sx={{ display: "flex", flexGrow: 1 }} value={tab} indicatorColor="secondary"
textColor="inherit"
variant="scrollable"
allowScrollButtonsMobile
scrollButtons="auto"
onChange={handleTabChange} aria-label="Backstory navigation">
<Tab label="Backstory" icon={<Avatar sx={{ width: 24, height: 24 }} variant="rounded" alt="Backstory logo" src="/logo192.png" />} iconPosition="start" />
<Tab label="Resume Builder"/>
onChange={handleTabChange} aria-label="Backstory navigation">
<Tab label="Backstory" icon={<Avatar sx={{ width: 24, height: 24 }} variant="rounded" alt="Backstory logo" src="/logo192.png" />} iconPosition="start" />
<Tab label="Resume Builder" />
<Tab label="Context Visualizer" />
<Tab label="About"/>
<Tab label="About" />
</Tabs>
</Box>}
<Tooltip title="LLM Settings">
<IconButton
color="inherit"
aria-label="open drawer"
edge="end"
onClick={handleDrawerToggle}
>
<SettingsIcon />
</IconButton>
</Tooltip>
</Box>
}
{
mobileOpen === true &&
<Tooltip title="Close Settings">