zio/zioinfo-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 신규 UI 아이콘을 라인 드로잉(stroke) 방식으로 통일 [auto-sync]

Browse Source
This commit is contained in:
GUARDiA AutoDeploy 2026-06-07 20:05:25 +09:00 committed by DESKTOP-TKLFCPR\ython
parent c9961dbf5e
commit 14592e3cc0
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/pages/GuardiaDetail.jsx
View File

@ -791,9 +791,9 @@ export default function GuardiaDetail() {
marginBottom:'48px',
}}>
{[
{ icon:'🚀', color:'#7C3AED', title:'AI 성능테스트 스튜디오', badge:'12 APIs', desc:'Playwright MCP로 화면 시나리오 녹화→jMeter(.jmx) 스크립트 자동 생성. 입력값 엑셀 템플릿 다운로드·업로드. 시나리오 DB 등록·재실행 관리.' },
{ icon:'📄', color:'#0EA5E9', title:'문서 자동 작성 (Jasper)', badge:'8 APIs', desc:'산출물·회의록·보고서를 AI가 자동 생성. PDF/Excel 포맷 선택 다운로드. 카테고리별 템플릿 + 작업 이력 추적.' },
{ icon:'🏛️', color:'#059669', title:'나라장터 입찰 모니터', badge:'12 APIs', desc:'당일 SW개발용역·SI/SM 입찰공고 자동 수집·필터링. 그리드에서 참가/보류/삭제 처리, 담당자 알림, RFP 첨부문서 다운로드.' },
{ icon:<IconRocket size={22} color="#003366"/>, color:'#7C3AED', title:'AI 성능테스트 스튜디오', badge:'12 APIs', desc:'Playwright MCP로 화면 시나리오 녹화→jMeter(.jmx) 스크립트 자동 생성. 입력값 엑셀 템플릿 다운로드·업로드. 시나리오 DB 등록·재실행 관리.' },
{ icon:<IconClipboard size={22} color="#003366"/>, color:'#0EA5E9', title:'문서 자동 작성 (Jasper)', badge:'8 APIs', desc:'산출물·회의록·보고서를 AI가 자동 생성. PDF/Excel 포맷 선택 다운로드. 카테고리별 템플릿 + 작업 이력 추적.' },
{ icon:<IconGovt size={22} color="#003366"/>, color:'#059669', title:'나라장터 입찰 모니터', badge:'12 APIs', desc:'당일 SW개발용역·SI/SM 입찰공고 자동 수집·필터링. 그리드에서 참가/보류/삭제 처리, 담당자 알림, RFP 첨부문서 다운로드.' },
].map((f, i) => (
<div key={i} style={{
background:'#fff',
@ -803,7 +803,11 @@ export default function GuardiaDetail() {
padding:'16px',
}}>
<div style={{display:'flex',alignItems:'center',gap:'10px',marginBottom:'10px'}}>
<span style={{fontSize:'24px'}}>{f.icon}</span>
<span style={{
width:'36px',height:'36px',borderRadius:'9px',
display:'flex',alignItems:'center',justifyContent:'center',
background:`${f.color}14`,flexShrink:0,
}}>{f.icon}</span>
<div style={{flex:1}}>
<div style={{fontWeight:'700',fontSize:'14px',color:'var(--gray-900)'}}>{f.title}</div>
</div>