diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx index 7a1d0fe..196970a 100644 --- a/frontend/src/app/page.tsx +++ b/frontend/src/app/page.tsx @@ -511,7 +511,7 @@ export default function Home() { onClick={() => setBoundsFilterOn(!boundsFilterOn)} className={`px-3 py-1.5 text-sm border rounded-lg transition-colors ${ boundsFilterOn - ? "bg-blue-50 border-blue-300 text-blue-600" + ? "bg-orange-50 border-orange-300 text-orange-600" : "hover:bg-gray-100 text-gray-600" }`} title="지도 영역 내 식당만 표시" @@ -531,7 +531,7 @@ export default function Home() { onClick={handleToggleFavorites} className={`px-3.5 py-1.5 text-sm rounded-full border transition-colors ${ showFavorites - ? "bg-red-50 border-red-300 text-red-600" + ? "bg-rose-50 border-rose-300 text-rose-600" : "border-gray-300 text-gray-600 hover:bg-gray-100" }`} > @@ -541,7 +541,7 @@ export default function Home() { onClick={handleToggleMyReviews} className={`px-3.5 py-1.5 text-sm rounded-full border transition-colors ${ showMyReviews - ? "bg-blue-50 border-blue-300 text-blue-600" + ? "bg-orange-50 border-orange-300 text-orange-600" : "border-gray-300 text-gray-600 hover:bg-gray-100" }`} > @@ -566,7 +566,7 @@ export default function Home() { className="w-8 h-8 rounded-full border border-gray-200" /> ) : ( -
+
{(user.nickname || user.email || "?").charAt(0).toUpperCase()}
)} @@ -604,7 +604,7 @@ export default function Home() { onClick={() => setViewMode(viewMode === "map" ? "list" : "map")} className={`px-3 py-1.5 text-xs border rounded-lg transition-colors ${ viewMode === "map" - ? "bg-blue-50 border-blue-300 text-blue-600" + ? "bg-orange-50 border-orange-300 text-orange-600" : "text-gray-600" }`} > @@ -614,13 +614,13 @@ export default function Home() { onClick={() => setShowMobileFilters(!showMobileFilters)} className={`px-3 py-1.5 text-xs border rounded-lg transition-colors relative ${ showMobileFilters || channelFilter || cuisineFilter || priceFilter || countryFilter || boundsFilterOn - ? "bg-blue-50 border-blue-300 text-blue-600" + ? "bg-orange-50 border-orange-300 text-orange-600" : "text-gray-600" }`} > {showMobileFilters ? "✕ 필터" : "▽ 필터"} {!showMobileFilters && (channelFilter || cuisineFilter || priceFilter || countryFilter || boundsFilterOn) && ( - + {[channelFilter, cuisineFilter, priceFilter, countryFilter, boundsFilterOn].filter(Boolean).length} )} @@ -631,7 +631,7 @@ export default function Home() { onClick={handleToggleFavorites} className={`px-3 py-1.5 text-xs rounded-full border transition-colors ${ showFavorites - ? "bg-red-50 border-red-300 text-red-600" + ? "bg-rose-50 border-rose-300 text-rose-600" : "border-gray-300 text-gray-600" }`} > @@ -641,7 +641,7 @@ export default function Home() { onClick={handleToggleMyReviews} className={`px-3 py-1.5 text-xs rounded-full border transition-colors ${ showMyReviews - ? "bg-blue-50 border-blue-300 text-blue-600" + ? "bg-orange-50 border-orange-300 text-orange-600" : "border-gray-300 text-gray-600" }`} > @@ -739,7 +739,7 @@ export default function Home() { onClick={() => setBoundsFilterOn(!boundsFilterOn)} className={`px-2.5 py-1.5 text-xs border rounded-lg transition-colors ${ boundsFilterOn - ? "bg-blue-50 border-blue-300 text-blue-600" + ? "bg-orange-50 border-orange-300 text-orange-600" : "text-gray-600 bg-white" }`} > diff --git a/frontend/src/components/RestaurantDetail.tsx b/frontend/src/components/RestaurantDetail.tsx index 5bd51c7..2b508a6 100644 --- a/frontend/src/components/RestaurantDetail.tsx +++ b/frontend/src/components/RestaurantDetail.tsx @@ -56,7 +56,7 @@ export default function RestaurantDetail({ onClick={handleToggleFavorite} disabled={favLoading} className={`text-xl leading-none transition-colors ${ - favorited ? "text-red-500" : "text-gray-300 hover:text-red-400" + favorited ? "text-rose-500" : "text-gray-300 hover:text-rose-400" }`} title={favorited ? "찜 해제" : "찜하기"} > @@ -116,7 +116,7 @@ export default function RestaurantDetail({ {restaurant.phone && (

전화:{" "} - + {restaurant.phone}

@@ -127,7 +127,7 @@ export default function RestaurantDetail({ href={`https://www.google.com/maps/place/?q=place_id:${restaurant.google_place_id}`} target="_blank" rel="noopener noreferrer" - className="text-blue-600 hover:underline text-xs" + className="text-orange-600 hover:underline text-xs" > Google Maps에서 보기 @@ -161,7 +161,7 @@ export default function RestaurantDetail({
{v.channel_name && ( - + {v.channel_name} )} @@ -175,7 +175,7 @@ export default function RestaurantDetail({ href={v.url} target="_blank" rel="noopener noreferrer" - className="block text-sm font-medium text-blue-600 hover:underline" + className="block text-sm font-medium text-orange-600 hover:underline" > {v.title} diff --git a/frontend/src/components/RestaurantList.tsx b/frontend/src/components/RestaurantList.tsx index 8e78fd2..fc37219 100644 --- a/frontend/src/components/RestaurantList.tsx +++ b/frontend/src/components/RestaurantList.tsx @@ -37,7 +37,7 @@ export default function RestaurantList({ onClick={() => onSelect(r)} className={`w-full text-left p-3 rounded-xl shadow-sm border transition-all hover:shadow-md hover:-translate-y-0.5 ${ selectedId === r.id - ? "bg-blue-50 border-blue-300 shadow-blue-100" + ? "bg-orange-50 border-orange-300 shadow-orange-100" : "bg-white border-gray-100 hover:bg-gray-50" }`} > @@ -57,7 +57,7 @@ export default function RestaurantList({ {r.cuisine_type} )} {r.price_range && ( - {r.price_range} + {r.price_range} )}
{r.region && ( @@ -83,7 +83,7 @@ export default function RestaurantList({ {r.channels.map((ch) => ( {ch} diff --git a/frontend/src/components/ReviewSection.tsx b/frontend/src/components/ReviewSection.tsx index a19e242..5690e30 100644 --- a/frontend/src/components/ReviewSection.tsx +++ b/frontend/src/components/ReviewSection.tsx @@ -124,7 +124,7 @@ function ReviewForm({ @@ -225,7 +225,7 @@ export default function ReviewSection({ restaurantId }: ReviewSectionProps) { {user && !myReview && !showForm && ( diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx index 3086e19..5733536 100644 --- a/frontend/src/components/SearchBar.tsx +++ b/frontend/src/components/SearchBar.tsx @@ -25,7 +25,7 @@ export default function SearchBar({ onSearch, isLoading }: SearchBarProps) { value={query} onChange={(e) => setQuery(e.target.value)} placeholder="식당, 지역, 음식..." - className="flex-1 min-w-0 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm" + className="flex-1 min-w-0 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-400 text-sm" />