Mysaa/Encartes-web
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/encartes/web-interface.git synced 2026-03-17 22:51:04 +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>
<body>
<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>
</html>

8
src/App.js
View File

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