fix: [finance] 자금일보 Blade JSX 이중 중괄호 에러 수정
- style={{...}} 4곳을 스타일 변수로 분리
- Blade 엔진이 {{를 PHP echo로 해석하는 충돌 해소
This commit is contained in:
@@ -307,6 +307,10 @@ function DailyWorkLog() {
|
||||
const rateContainerStyle = { flex: '1', maxWidth: '400px', marginLeft: '20px' };
|
||||
const rateTextStyle = { color: rateColor, minWidth: '80px', textAlign: 'right' };
|
||||
const tableStyle = { width: '100%', borderCollapse: 'collapse' };
|
||||
const fileFlexContent = { flex: 1, minWidth: 0 };
|
||||
const fileLinkStyle = { display: 'block', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontSize: '12px' };
|
||||
const fileSizeStyle = { fontSize: '11px', color: '#9ca3af' };
|
||||
const fileInputHidden = { display: 'none' };
|
||||
const fileZone = { border: '1px dashed #cbd5e0', borderRadius: '8px', padding: '12px', background: '#f9fafb', cursor: 'pointer', textAlign: 'center', color: '#9ca3af', fontSize: '13px', transition: 'border-color 0.2s' };
|
||||
const fileItem = { display: 'flex', alignItems: 'center', gap: '8px', padding: '6px 10px', background: 'white', border: '1px solid #e5e7eb', borderRadius: '6px', fontSize: '13px' };
|
||||
const fileThumb = { width: '36px', height: '36px', objectFit: 'cover', borderRadius: '4px', border: '1px solid #e5e7eb' };
|
||||
@@ -329,9 +333,9 @@ function DailyWorkLog() {
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
|
||||
</div>
|
||||
)}
|
||||
<div style={{flex:1, minWidth:0}}>
|
||||
<a href={'/finance/daily-work-log/file/' + f.id + '/download'} className="text-indigo-600 hover:underline" style={{display:'block', overflow:'hidden', textOverflow:'ellipsis', whiteSpace:'nowrap', fontSize:'12px'}} title={f.original_name}>{f.original_name}</a>
|
||||
<span style={{fontSize:'11px', color:'#9ca3af'}}>{f.formatted_size}</span>
|
||||
<div style={fileFlexContent}>
|
||||
<a href={'/finance/daily-work-log/file/' + f.id + '/download'} className="text-indigo-600 hover:underline" style={fileLinkStyle} title={f.original_name}>{f.original_name}</a>
|
||||
<span style={fileSizeStyle}>{f.formatted_size}</span>
|
||||
</div>
|
||||
<button style={fileDel} onClick={() => handleFileDelete(f.id, fieldKey)} title="삭제" className="no-print">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
|
||||
@@ -345,7 +349,7 @@ function DailyWorkLog() {
|
||||
onDragOver={e => { e.preventDefault(); e.currentTarget.style.borderColor = '#6366f1'; }}
|
||||
onDragLeave={e => { e.currentTarget.style.borderColor = '#cbd5e0'; }}
|
||||
onDrop={e => { e.preventDefault(); e.currentTarget.style.borderColor = '#cbd5e0'; handleFileUpload(fieldKey, e.dataTransfer.files); }}>
|
||||
<input type="file" id={inputId} multiple style={{display:'none'}}
|
||||
<input type="file" id={inputId} multiple style={fileInputHidden}
|
||||
onChange={e => { handleFileUpload(fieldKey, e.target.files); e.target.value = ''; }} />
|
||||
<div className="flex items-center justify-center gap-2">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
|
||||
|
||||
Reference in New Issue
Block a user