From b3ea1abe3e5ce5e78afe7a164b61a5ec6bc4cb13 Mon Sep 17 00:00:00 2001
From: Nayujin <00nyj@sookmyung.ac.kr>
Date: Sat, 30 Sep 2023 17:06:25 +0900
Subject: [PATCH] =?UTF-8?q?[DESIGN]=20inbox=20=EB=91=90=EB=B2=88=EC=A7=B8?=
 =?UTF-8?q?=20=EC=8B=9C=EC=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/inbox.png         | Bin 0 -> 3307 bytes
 components/MessageBox.js |  21 ++++++++++-----------
 theme.js                 |   5 ++++-
 3 files changed, 14 insertions(+), 12 deletions(-)
 create mode 100644 assets/inbox.png

diff --git a/assets/inbox.png b/assets/inbox.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec41b3e6b631c950fc6af5ebd4684b74c23879e4
GIT binary patch
literal 3307
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

literal 0
HcmV?d00001

diff --git a/components/MessageBox.js b/components/MessageBox.js
index 8ce34f7..24bcc9a 100644
--- a/components/MessageBox.js
+++ b/components/MessageBox.js
@@ -61,8 +61,8 @@ const MessageBox = ({navigation}) => {
   return (  
     <View style={styles.container}>
       <StatusBar style="auto" />
-      <Image source={images.blueTop} style={commomStyle.backgroundImage}/>
-      <View style={{ marginVertical: 30 }}></View>
+      <Image source={images.inbox} style={commomStyle.backgroundImage}/>
+      <View style={{ marginVertical: 60}}></View>
       <ScrollView contentContainerStyle={styles.scrollViewContainer}>
       {messages.map((message) => (
         <View style={styles.messageContainer}>
@@ -103,22 +103,21 @@ const styles = StyleSheet.create({
   messageContainer: {
     flexDirection: 'row',
     flex: 0.6,
-    // backgroundColor: '#E8F1F9',
+    backgroundColor: '#D2E0FB',
     padding: 10,
     paddingVertical: 18,
-    borderRadius: 10,
+    borderRadius: 20,
     width: "100%",
     // borderWidth: 2,
-    borderBottomWidth: 2,
-    borderRadius: 5,
-    borderColor:"#E8F1F9",
+    // borderBottomWidth: 2,
+    borderColor:"#D2E0FB",
     borderStyle: 'solid',
-    // marginBottom: 30,
+    marginBottom: 15,
   },
   scrollViewContainer:{
     // backgroundColor:'green',
     alignItems: 'center',
-    marginTop:15,
+    // marginTop:15,
     padding:10,
     //width: SCREEN_WIDTH-60,
 		//height: SCREEN_HEIGHT-200,
@@ -146,7 +145,7 @@ const styles = StyleSheet.create({
   messageText:{
     // height: 20,
     fontSize: 18,
-    color: '#5E86B1',
+    color: '#3B628C',
     fontWeight:'bold',
     // backgroundColor: 'pink',
     paddingLeft: 10,
@@ -167,7 +166,7 @@ const styles = StyleSheet.create({
   buttonText: {
     fontSize: 18,
     color: 'white',
-    backgroundColor: '#8EACCD',
+    backgroundColor: '#5E86B1',
     paddingHorizontal:10,
     paddingVertical:5,
     borderRadius: 20, 
diff --git a/theme.js b/theme.js
index d6a9635..cd86c36 100644
--- a/theme.js
+++ b/theme.js
@@ -26,4 +26,7 @@ export const commomStyle = {
 
 export const images = {
 	blueTop: require('gomaoom/assets/blueTop.png'),
-};
\ No newline at end of file
+	inbox: require('gomaoom/assets/inbox.png'),
+
+};
+