Fix toolbar styling

This commit is contained in:
James Ketr 2025-04-10 11:29:33 -07:00
parent d3495983a1
commit 7e9effa18c
4 changed files with 11 additions and 4 deletions

View File

@ -299,6 +299,7 @@ RUN { \
ENV USE_XETLA=OFF ENV USE_XETLA=OFF
ENV SYCL_PI_LEVEL_ZERO_USE_IMMEDIATE_COMMANDLISTS=1 ENV SYCL_PI_LEVEL_ZERO_USE_IMMEDIATE_COMMANDLISTS=1
ENV SYCL_CACHE_PERSISTENT=1 ENV SYCL_CACHE_PERSISTENT=1
ENV PATH=/opt/backstory:$PATH
ENTRYPOINT [ "/entrypoint.sh" ] ENTRYPOINT [ "/entrypoint.sh" ]

View File

@ -13,7 +13,6 @@ div {
.MuiTabs-root .MuiTabs-indicator { .MuiTabs-root .MuiTabs-indicator {
background-color: orange; background-color: orange;
} }
.SystemInfo { .SystemInfo {
@ -50,7 +49,6 @@ div {
margin: 0 auto; margin: 0 auto;
} }
.DocBox { .DocBox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -74,6 +72,13 @@ div {
flex-grow: 1; flex-grow: 1;
} }
/* Prevent toolbar from shrinking vertically when media < 600px */
.MuiToolbar-root {
min-height: 56px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
@media (min-width: 768px) { @media (min-width: 768px) {
.Controls { .Controls {
width: 600px; /* or whatever you prefer for a desktop */ width: 600px; /* or whatever you prefer for a desktop */

View File

@ -988,7 +988,8 @@ const App = () => {
setTab(newValue); setTab(newValue);
}; };
const Offset = styled('div')(({ theme }) => theme.mixins.toolbar); /* toolbar height is 56px + 8px margin-top */
const Offset = styled('div')(({ theme }) => ({ ...theme.mixins.toolbar, minHeight: '64px', height: '64px' }));
return ( return (
<Box className="App" sx={{ display: 'flex', flexDirection: 'column', height: '100dvh' }}> <Box className="App" sx={{ display: 'flex', flexDirection: 'column', height: '100dvh' }}>

View File

@ -8,4 +8,4 @@ persist_directory="/root/.cache/chromadb"
max_context = 2048*8*2 max_context = 2048*8*2
doc_dir = "/opt/backstory/docs/" doc_dir = "/opt/backstory/docs/"
session_dir = "/opt/backstory/sessions" session_dir = "/opt/backstory/sessions"
static_content = '/opt/backstory/frontend/build' static_content = '/opt/backstory/frontend/deployed'