Unify color scheme: orange primary, rose accent, gray neutral
- Primary (orange): search button, active filters, selected cards, channel tags, links, input focus ring - Accent (rose): favorites/heart only - Neutral (gray): price tags, inactive buttons - Semantic colors preserved: red for 폐업, yellow for 임시휴업 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -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 && (
|
||||
<p>
|
||||
<span className="text-gray-500">전화:</span>{" "}
|
||||
<a href={`tel:${restaurant.phone}`} className="text-blue-600 hover:underline">
|
||||
<a href={`tel:${restaurant.phone}`} className="text-orange-600 hover:underline">
|
||||
{restaurant.phone}
|
||||
</a>
|
||||
</p>
|
||||
@@ -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에서 보기
|
||||
</a>
|
||||
@@ -161,7 +161,7 @@ export default function RestaurantDetail({
|
||||
<div key={v.video_id} className="border rounded-lg p-3">
|
||||
<div className="flex items-center gap-2 mb-1">
|
||||
{v.channel_name && (
|
||||
<span className="inline-block px-1.5 py-0.5 bg-red-50 text-red-600 rounded text-[10px] font-medium">
|
||||
<span className="inline-block px-1.5 py-0.5 bg-orange-50 text-orange-600 rounded text-[10px] font-medium">
|
||||
{v.channel_name}
|
||||
</span>
|
||||
)}
|
||||
@@ -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}
|
||||
</a>
|
||||
|
||||
@@ -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({
|
||||
<span className="px-1.5 py-0.5 bg-gray-100 rounded text-gray-600">{r.cuisine_type}</span>
|
||||
)}
|
||||
{r.price_range && (
|
||||
<span className="px-1.5 py-0.5 bg-green-50 rounded text-green-700">{r.price_range}</span>
|
||||
<span className="px-1.5 py-0.5 bg-gray-50 rounded text-gray-600">{r.price_range}</span>
|
||||
)}
|
||||
</div>
|
||||
{r.region && (
|
||||
@@ -83,7 +83,7 @@ export default function RestaurantList({
|
||||
{r.channels.map((ch) => (
|
||||
<span
|
||||
key={ch}
|
||||
className="px-1.5 py-0.5 bg-red-50 text-red-600 rounded-full text-[10px] font-medium"
|
||||
className="px-1.5 py-0.5 bg-orange-50 text-orange-600 rounded-full text-[10px] font-medium"
|
||||
>
|
||||
{ch}
|
||||
</span>
|
||||
|
||||
@@ -124,7 +124,7 @@ function ReviewForm({
|
||||
<button
|
||||
type="submit"
|
||||
disabled={submitting}
|
||||
className="px-3 py-1 bg-blue-600 text-white text-sm rounded hover:bg-blue-700 disabled:opacity-50"
|
||||
className="px-3 py-1 bg-orange-500 text-white text-sm rounded hover:bg-orange-600 disabled:opacity-50"
|
||||
>
|
||||
{submitting ? "저장 중..." : submitLabel}
|
||||
</button>
|
||||
@@ -225,7 +225,7 @@ export default function ReviewSection({ restaurantId }: ReviewSectionProps) {
|
||||
{user && !myReview && !showForm && (
|
||||
<button
|
||||
onClick={() => setShowForm(true)}
|
||||
className="mb-3 px-3 py-1 bg-blue-600 text-white text-sm rounded hover:bg-blue-700"
|
||||
className="mb-3 px-3 py-1 bg-orange-500 text-white text-sm rounded hover:bg-orange-600"
|
||||
>
|
||||
리뷰 작성
|
||||
</button>
|
||||
|
||||
@@ -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"
|
||||
/>
|
||||
<select
|
||||
value={mode}
|
||||
@@ -39,7 +39,7 @@ export default function SearchBar({ onSearch, isLoading }: SearchBarProps) {
|
||||
<button
|
||||
type="submit"
|
||||
disabled={isLoading || !query.trim()}
|
||||
className="shrink-0 px-3 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 text-sm"
|
||||
className="shrink-0 px-3 py-2 bg-orange-500 text-white rounded-lg hover:bg-orange-600 disabled:opacity-50 text-sm"
|
||||
>
|
||||
{isLoading ? "..." : "검색"}
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user