Revize 7a3ad946

re #10871: PlanViewPage: Tabs Castle/Results, styling

src/components/plan/CastlePlanView.tsx

@@ -10 +10 @@
 import { PlanImage, Room } from '../../types/plan';
 import Svg, { SvgXml } from 'react-native-svg';
 
-const CastlePlanView = (props: { mapImage: PlanImage, roomList: Room[], selectedRoom?: Room, fullScreenMode?: boolean }) => {
+const CastlePlanView = (props: { mapImage: PlanImage, roomList: Room[], selectedRoom?: Room, fullScreenMode?: boolean, height?: number }) => {
 
     const DEFAULT_SCALE = 1
     const MIN_SCALE = 0.95
@@ -20 +20 @@
         width: "100%"
     }
 
-    const { mapImage, roomList, selectedRoom, fullScreenMode } = props;
+    const { mapImage, roomList, selectedRoom, fullScreenMode, height } = props;
 
     const panRef = useRef<React.ReactElement>();
     const pinchRef = useRef<React.ReactElement>();
@@ -77 +77 @@
         // container
         <Box
             width={!fullScreenMode ? MAP_VIEW_SIZE.width : Dimensions.get('window').width - 5}
-            height={!fullScreenMode ? MAP_VIEW_SIZE.height : Dimensions.get('window').height - 62.5}
+            height={height ? height : (!fullScreenMode ? MAP_VIEW_SIZE.height : Dimensions.get('window').height - 62.5)}
             // @ts-ignore
             style={
                 fullScreenMode ? {
@@ -86 +86 @@
                     marginRight: 2.5,
                 }
                     :
-                    { borderColor: "#F5F5F", borderWidth: 1, overflow: "hidden" }
-            }>
+                    { overflow: "hidden" }
+            }
+            borderColor={"light.300"}
+            borderRadius={10}
+            borderWidth={1}>
             <PinchGestureHandler
                 ref={pinchRef}
                 // @ts-ignore