|
@@ -10,7 +10,6 @@ const getMapUrl = googleApiKey => `https://maps.googleapis.com/maps/api/js?key=$
|
|
const PositionedStreetView = compose(
|
|
const PositionedStreetView = compose(
|
|
withProps({
|
|
withProps({
|
|
loadingElement: <div style={{ height: `100%` }} />,
|
|
loadingElement: <div style={{ height: `100%` }} />,
|
|
- containerElement: <div style={{ height: `70vh` }} />,
|
|
|
|
mapElement: <div style={{ height: `100%` }} />,
|
|
mapElement: <div style={{ height: `100%` }} />,
|
|
}),
|
|
}),
|
|
withScriptjs,
|
|
withScriptjs,
|
|
@@ -61,20 +60,24 @@ const GamePanel = ({
|
|
selectedPoint,
|
|
selectedPoint,
|
|
roundSeconds,
|
|
roundSeconds,
|
|
onTimeout,
|
|
onTimeout,
|
|
|
|
+ panoHeight = "85vh",
|
|
}) => (
|
|
}) => (
|
|
<div style={{
|
|
<div style={{
|
|
display: "flex",
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
justifyContent: "space-between",
|
|
alignItems: "center"
|
|
alignItems: "center"
|
|
}}>
|
|
}}>
|
|
- <div style={{ flexGrow: 3 }}>
|
|
|
|
- <PositionedStreetView
|
|
|
|
- googleMapURL={getMapUrl(googleApiKey)}
|
|
|
|
- point={streetViewPoint}
|
|
|
|
- />
|
|
|
|
|
|
+ <div style={{ flex: 3 }}>
|
|
|
|
+ <div style={{ position: "relative", height: "100%"}}>
|
|
|
|
+ <PositionedStreetView
|
|
|
|
+ googleMapURL={getMapUrl(googleApiKey)}
|
|
|
|
+ containerElement={<div style={{ height: panoHeight }} />}
|
|
|
|
+ point={streetViewPoint}
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<div style={{
|
|
<div style={{
|
|
- flexGrow: 1,
|
|
|
|
|
|
+ flex: 1,
|
|
display: "flex",
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
flexDirection: "column",
|
|
justifyContent:"space-around",
|
|
justifyContent:"space-around",
|