byun/ev-charger-as
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI 개선 — 모바일 사진 업로드 카메라/갤러리 버튼 분리, 에러코드 차트 단순화

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
byun
2026-06-01 16:25:48 +09:00
parent d75bd5f358
commit e52e916dc8
5 changed files with 70 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/static/pages/report.html
View File

@@ -242,10 +242,11 @@ body { background: var(--gray1); }
충전기 사진 <span style="color:var(--red)">*필수</span>
<span style="font-size:11px;color:var(--gray4);font-weight:400">(여러 장 선택 가능)</span>
</label>
<label class="upload-area" for="chargerPhoto">
📷 탭하여 촬영하거나 앨범에서 선택<br>
<span style="font-size:11px">여러 장 동시 선택 가능</span>
</label>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;">
<label class="upload-area" for="chargerPhotoCamera" style="margin:0">📷 카메라 촬영</label>
<label class="upload-area" for="chargerPhoto" style="margin:0">🖼 갤러리 선택</label>
</div>
<input type="file" id="chargerPhotoCamera" accept="image/*" capture="environment" style="display:none">
<input type="file" id="chargerPhoto" accept="image/*" multiple style="display:none">
<div class="photo-preview" id="chargerPreview"></div>
<div class="photo-info" id="chargerInfo2" style="color:var(--gray4)"></div>
@@ -254,7 +255,11 @@ body { background: var(--gray1); }
<label style="font-size:13px;font-weight:600;color:var(--navy2);margin-bottom:6px;display:block">
차량 사진 <span style="font-size:11px;color:var(--gray4);font-weight:400">(선택 · 여러 장 가능)</span>
</label>
<label class="upload-area" for="carPhoto">📷 탭하여 촬영하거나 앨범에서 선택</label>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;">
<label class="upload-area" for="carPhotoCamera" style="margin:0">📷 카메라 촬영</label>
<label class="upload-area" for="carPhoto" style="margin:0">🖼 갤러리 선택</label>
</div>
<input type="file" id="carPhotoCamera" accept="image/*" capture="environment" style="display:none">
<input type="file" id="carPhoto" accept="image/*" multiple style="display:none">
<div class="photo-preview" id="carPreview"></div>
<div class="photo-info" id="carInfo" style="color:var(--gray4)"></div>