Mysaa/Encartes-web
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/encartes/web-interface.git synced 2026-03-18 23:21:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Better fit the page

Browse Source
This commit is contained in:
Adrien Vannson 2022-10-06 22:59:45 +02:00
parent c5e35565e9
commit c3a4a99a88
No known key found for this signature in database
GPG Key ID: FE2E66FD978C1A55
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -28,6 +28,6 @@
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root" style="height: 100vh; display:flex; flex-direction: column;"></div> <div id="root" style="height: 100vh; display:flex; flex-direction: column; overflow: hidden"></div>
</body> </body>
</html> </html>

8
src/App.js
View File

@ -16,7 +16,7 @@ import { ComposableMap, Geographies, Geography, ZoomableGroup } from "react-simp
function RoomResearch() { function RoomResearch() {
return <> return <>
<Container style={{ width: '20%' }}> <div style={{padding: '24px'}}>
<Typography component="h2" variant="h5" gutterBottom> <Typography component="h2" variant="h5" gutterBottom>
Rechercher une salle Rechercher une salle
</Typography> </Typography>
@ -29,7 +29,7 @@ function RoomResearch() {
> >
<Button variant="contained">Rechercher</Button> <Button variant="contained">Rechercher</Button>
</Box> </Box>
</Container> </div>
</> </>
} }
@ -91,7 +91,6 @@ function Map() {
</Geographies> </Geographies>
</ZoomableGroup> </ZoomableGroup>
</ComposableMap> </ComposableMap>
) )
} }
@ -99,10 +98,9 @@ export default function App() {
return <> return <>
<TopBar /> <TopBar />
<div style={{ display: 'flex', flex: 1, flexDirection: 'line' }}> <div style={{ flexGrow: '1', display: 'flex', flexDirection: 'line', flexWrap: 'nowrap' }}>
<Map /> <Map />
<RoomResearch /> <RoomResearch />
</div> </div>
</> </>
} }