CSSの調整

components/ActionSheetComponents/TrainMenuLineSelector.js

@@ -48,26 +48,17 @@ export const TrainMenuLineSelector = () => {
       useBottomSafeAreaPadding={platformIs}
     >
       <Handler />
-      <View
-        style={{
-          backgroundColor: "#0099CC",
-          borderTopRadius: 5,
-          borderColor: "dark",
-          borderWidth: 1,
-        }}
-      >
-        <View style={{ height: 26, width: "100%", backgroundColor: "#0099CC" }}>
-          <View
-            style={{
-              height: 6,
-              width: 45,
-              borderRadius: 100,
-              backgroundColor: "#f0f0f0",
-              marginVertical: 10,
-              alignSelf: "center",
-            }}
-          />
-        </View>
+      <View style={{ height: 26, width: "100%", backgroundColor: "white" }}>
+        <View
+          style={{
+            height: 6,
+            width: 45,
+            borderRadius: 100,
+            backgroundColor: "#f0f0f0",
+            marginVertical: 10,
+            alignSelf: "center",
+          }}
+        />
       </View>
       {Object.keys(stationData).map((d) => (
         <TouchableOpacity

components/trainMenu.js

@@ -185,11 +185,7 @@ export default function TrainMenu({ stationData, style }) {
           </UsefulBox>
         </View>
       )}
-      <MapsButton
-        onPress={() => navigate("Apps")}
-        top={Platform.OS == "ios" ? Constants.statusBarHeight : 0}
-        mapSwitch={"flex"}
-      />
+      <MapsButton onPress={() => navigate("Apps")} top={0} mapSwitch={"flex"} />
     </View>
   );
 }