caadiq/fromis_9
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(festival-bot): 다이얼로그 색상 축제 카테고리 톤(amber)으로 변경

Browse source 
초록(emerald) → amber 계열로 변경해 행사/축제 색감과 통일.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
caadiq 2026-06-06 23:04:38 +09:00
parent 543371db23
commit de6e56047c
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/pc/admin/bot/FestivalBotDialog.jsx
View file

@ -97,7 +97,7 @@ function Dropdown({ value, options, onChange, placeholder = '선택' }) {
setIsOpen(false); setIsOpen(false);
}} }}
className={`w-full px-4 py-2 text-left hover:bg-gray-50 transition-colors text-sm ${ className={`w-full px-4 py-2 text-left hover:bg-gray-50 transition-colors text-sm ${
value === opt.value ? 'bg-emerald-50 text-emerald-600' : '' value === opt.value ? 'bg-amber-50 text-amber-600' : ''
}`} }`}
> >
{opt.label} {opt.label}
@ -216,8 +216,8 @@ function FestivalBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
{/* 헤더 */} {/* 헤더 */}
<div className="flex items-center justify-between px-6 py-4 border-b border-gray-100"> <div className="flex items-center justify-between px-6 py-4 border-b border-gray-100">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="w-10 h-10 rounded-lg bg-emerald-50 flex items-center justify-center"> <div className="w-10 h-10 rounded-lg bg-amber-50 flex items-center justify-center">
<PartyPopper size={20} className="text-emerald-500" /> <PartyPopper size={20} className="text-amber-500" />
</div> </div>
<h2 className="text-lg font-bold text-gray-900"> <h2 className="text-lg font-bold text-gray-900">
{isEdit ? '축제 봇 수정' : '축제 봇 추가'} {isEdit ? '축제 봇 수정' : '축제 봇 추가'}
@ -234,7 +234,7 @@ function FestivalBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
{/* 본문 */} {/* 본문 */}
{botLoading ? ( {botLoading ? (
<div className="flex-1 flex items-center justify-center p-12"> <div className="flex-1 flex items-center justify-center p-12">
<Loader2 size={32} className="animate-spin text-emerald-500" /> <Loader2 size={32} className="animate-spin text-amber-500" />
</div> </div>
) : ( ) : (
<form onSubmit={handleSubmit} className="flex-1 overflow-y-auto p-6 space-y-5"> <form onSubmit={handleSubmit} className="flex-1 overflow-y-auto p-6 space-y-5">
@ -248,7 +248,7 @@ function FestivalBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
value={name} value={name}
onChange={(e) => setName(e.target.value)} onChange={(e) => setName(e.target.value)}
placeholder="대학 축제 봇" placeholder="대학 축제 봇"
className="w-full px-4 py-2.5 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500" className="w-full px-4 py-2.5 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-amber-500/20 focus:border-amber-500"
/> />
</div> </div>
@ -262,7 +262,7 @@ function FestivalBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
value={searchUrl} value={searchUrl}
onChange={(e) => setSearchUrl(e.target.value)} onChange={(e) => setSearchUrl(e.target.value)}
placeholder="https://memogipost.tistory.com/search/프로미스나인" placeholder="https://memogipost.tistory.com/search/프로미스나인"
className="w-full px-4 py-2.5 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500" className="w-full px-4 py-2.5 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-amber-500/20 focus:border-amber-500"
/> />
<p className="text-xs text-gray-400 mt-1"> <p className="text-xs text-gray-400 mt-1">
축제 정보를 수집할 검색 페이지 URL을 입력하세요 축제 정보를 수집할 검색 페이지 URL을 입력하세요
@ -289,7 +289,7 @@ function FestivalBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
<button <button
type="button" type="button"
onClick={toggleAllMonths} onClick={toggleAllMonths}
className="text-xs font-medium text-emerald-600 hover:text-emerald-700" className="text-xs font-medium text-amber-600 hover:text-amber-700"
> >
{allMonthsSelected ? '전체 해제' : '전체 선택'} {allMonthsSelected ? '전체 해제' : '전체 선택'}
</button> </button>
@ -304,7 +304,7 @@ function FestivalBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
onClick={() => toggleMonth(m)} onClick={() => toggleMonth(m)}
className={`py-2 rounded-lg text-sm font-medium transition-colors ${ className={`py-2 rounded-lg text-sm font-medium transition-colors ${
on on
? 'bg-emerald-500 text-white' ? 'bg-amber-500 text-white'
: 'bg-gray-100 text-gray-400 hover:bg-gray-200' : 'bg-gray-100 text-gray-400 hover:bg-gray-200'
}`} }`}
> >
@ -334,7 +334,7 @@ function FestivalBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
type="submit" type="submit"
onClick={handleSubmit} onClick={handleSubmit}
disabled={!name.trim() || !searchUrl.trim() || submitting || botLoading} disabled={!name.trim() || !searchUrl.trim() || submitting || botLoading}
className="px-4 py-2.5 bg-emerald-500 text-white rounded-lg hover:bg-emerald-600 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2" className="px-4 py-2.5 bg-amber-500 text-white rounded-lg hover:bg-amber-600 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
> >
{submitting && <Loader2 size={16} className="animate-spin" />} {submitting && <Loader2 size={16} className="animate-spin" />}
{isEdit ? '수정' : '추가'} {isEdit ? '수정' : '추가'}