Reduce margin on narrow screens, flow the footer contents (#8042)

This commit is contained in:
Billy Biggs
2025-09-29 16:22:47 -07:00
committed by GitHub
parent 6f6e004f82
commit ae387b61a9
7 changed files with 91 additions and 74 deletions

View File

@@ -13,11 +13,13 @@ import { Composer } from '../components/Composer.js';
import { ExitWarning } from '../components/ExitWarning.js';
import { useUIState } from '../contexts/UIStateContext.js';
export const DefaultAppLayout: React.FC = () => {
export const DefaultAppLayout: React.FC<{ width?: string }> = ({
width = '90%',
}) => {
const uiState = useUIState();
return (
<Box flexDirection="column" width="90%">
<Box flexDirection="column" width={width}>
<MainContent />
<Box flexDirection="column" ref={uiState.mainControlsRef}>