From 85bdb26823091b5a03ccd7c84bc97c25cb040fd0 Mon Sep 17 00:00:00 2001
From: harukin-expo-dev-env <harukin@haruk.in>
Date: Sat, 31 Aug 2024 09:30:45 +0000
Subject: [PATCH] =?UTF-8?q?=E3=83=86=E3=82=AD=E3=82=B9=E3=83=88=E3=81=AE?=
 =?UTF-8?q?=E3=83=AD=E3=82=B8=E3=83=83=E3=82=AF=E3=82=92=E6=95=B4=E7=90=86?=
 =?UTF-8?q?=E3=80=81=E6=96=87=E5=AD=97=E3=82=B5=E3=82=A4=E3=82=BA=E3=81=AE?=
 =?UTF-8?q?=E8=AA=BF=E6=95=B4=E3=80=81=E4=BD=8D=E7=BD=AE=E3=81=AE=E8=AA=BF?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/駅名表/StationNameArea.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/駅名表/StationNameArea.tsx b/components/駅名表/StationNameArea.tsx
index e1e1bb2..69e5735 100644
--- a/components/駅名表/StationNameArea.tsx
+++ b/components/駅名表/StationNameArea.tsx
@@ -9,10 +9,14 @@ export const StationNameArea = (props) => {
     top: "10%",
     alignContent: "center",
     flexDirection: "row",
+    height: "50%",
+    width: "100%",
   };
   const Station_JP: TextStyle = {
+    letterSpacing: currentStation[0].Station_JP.length < 4 ? 15 : 0,
     fontWeight: "bold",
-    fontSize: parseInt("40%"),
+    fontSize: parseInt(currentStation[0].Station_JP.length < 6 ? "40%" : "25%"),
+
     color: isMatsuyama ? "white" : "#005170",
   };
   const Station_EN: TextStyle = {
@@ -23,10 +27,12 @@ export const StationNameArea = (props) => {
   return (
     <View style={stationNameAreaOverWrap}>
       <View style={{ flex: 1 }} />
-      <View style={{ alignItems: "center" }}>
+      <View style={{ alignItems: "center",flexDirection:"column" }}>
+        <View style={{ flex: 1 }} />
         {/* <Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"#005170"}}>{stationName.今.LineName}</Text>  */}
         <Text style={Station_JP}>{currentStation[0].Station_JP}</Text>
         <Text style={Station_EN}>{currentStation[0].Station_EN}</Text>
+        <View style={{ flex: 1 }} />
       </View>
       <View style={{ flex: 1 }} />
     </View>