diff --git a/src/screens/detail/SearchScreen.js b/src/screens/detail/SearchScreen.js
index 75badb3..1932e0e 100644
--- a/src/screens/detail/SearchScreen.js
+++ b/src/screens/detail/SearchScreen.js
@@ -20,6 +20,7 @@ import {
COLOR_TEXT_BLACK,
COLOR_TEXT70GRAY,
COLOR_TEXT60GRAY,
+ COLOR_DISABLE_GRAY
} from '../../assets/color';
import AnimatedButton from '../../components/AnimationButton';
import Header from '../../components/Header';
@@ -117,7 +118,7 @@ export default function SearchScreen(props) {
<>
-
+
{/* 검색창 */}
최근 검색어
@@ -189,7 +190,7 @@ export default function SearchScreen(props) {
}
}}
style={{marginLeft: 10}}>
-
+
전체 삭제
@@ -214,20 +215,6 @@ export default function SearchScreen(props) {
navigation.goBack();
}}>
{item.query}
- {
- console.log('삭제');
- deleteRecentSearch(item.query);
- setRecentSearch(prevQueries =>
- prevQueries.filter(q => q.query !== item.query),
- );
- }}>
-
-
@@ -287,16 +274,20 @@ const styles = StyleSheet.create({
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
- padding: 3,
- paddingHorizontal: 7,
+ paddingHorizontal: 10,
+ paddingVertical: 5,
borderRadius: 15,
- backgroundColor: COLOR_PRIMARY,
- height: 24,
+ backgroundColor: COLOR_WHITE,
+ borderColor: COLOR_DISABLE_GRAY,
+ borderWidth: 1,
+ height: 30,
},
recentText: {
- fontSize: 12,
- color: COLOR_WHITE,
- marginRight: 5,
+ fontSize: 15,
+ color: COLOR_TEXT_BLACK,
+ textAlign: 'center',
+ lineHeight: 20,
+ fontFamily: 'NanumSquareRound',
},
searchArea: {
// backgroundColor: 'blue',