tchung1970 Claude commited on
Commit
2bc6c9f
·
1 Parent(s): d09a0ed

Simplify examples display and improve layout organization

Browse files

- Show only Korean text in examples for better readability
- Move usage message above examples section for better flow
- Remove bilingual arrows from example prompts
- Update documentation to reflect Korean-only display
- Maintain internal Korean-to-English translation functionality

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Files changed (2) hide show
  1. README.md +2 -1
  2. app.py +4 -4
README.md CHANGED
@@ -39,7 +39,7 @@ python_version: 3.11
39
  - 예시 클릭 → 이미지와 한국어 프롬프트가 필드에 입력됨
40
  - 자동 실행 없음 → 사용자가 "편집!" 버튼을 수동으로 클릭해야 생성 시작
41
  - 내부 처리 시 한국어 프롬프트가 자동으로 영어로 번역되어 AI 처리
42
- - **예시 프롬프트들** (표시: 한국어 → 영어 이중언어, 처리: 영어 자동 번역):
43
  1. "텍스트를 'COOL NEON SIGN HERE'으로 변경해주세요" → "Change the text to 'COOL NEON SIGN HERE'"
44
  2. "고양이가 전통 조선시대 검은 갓만 쓰고 다른 옷은 입지 않은 모습으로 만들어 주세요" → "Please make the cat wear only a traditional Joseon-era black gat and no other clothing"
45
  3. "사진 스타일을 빈티지 만화책 스타일로 바꿔주세요" → "Change the photo style to vintage comic book"
@@ -64,6 +64,7 @@ python_version: 3.11
64
  - **중복 제거**: 반복되는 사용 방법 설명을 제거하여 인터페이스 길이 단축
65
  - **가로 레이아웃 최적화**: 편집 버튼과 고급 설정을 같은 줄에 배치하여 세로 공간 절약
66
  - **사용 안내 개선**: 프롬프트 필드 하단에 명확한 한 줄 사용 안내 메시지 배치
 
67
 
68
  #### 다국어 지원
69
  - **한국어-영어 하이브리드**: 한국어 UI 표시와 영어 처리의 최적 조합
 
39
  - 예시 클릭 → 이미지와 한국어 프롬프트가 필드에 입력됨
40
  - 자동 실행 없음 → 사용자가 "편집!" 버튼을 수동으로 클릭해야 생성 시작
41
  - 내부 처리 시 한국어 프롬프트가 자동으로 영어로 번역되어 AI 처리
42
+ - **예시 프롬프트들** (표시: 한국어만, 처리: 영어 자동 번역):
43
  1. "텍스트를 'COOL NEON SIGN HERE'으로 변경해주세요" → "Change the text to 'COOL NEON SIGN HERE'"
44
  2. "고양이가 전통 조선시대 검은 갓만 쓰고 다른 옷은 입지 않은 모습으로 만들어 주세요" → "Please make the cat wear only a traditional Joseon-era black gat and no other clothing"
45
  3. "사진 스타일을 빈티지 만화책 스타일로 바꿔주세요" → "Change the photo style to vintage comic book"
 
64
  - **중복 제거**: 반복되는 사용 방법 설명을 제거하여 인터페이스 길이 단축
65
  - **가로 레이아웃 최적화**: 편집 버튼과 고급 설정을 같은 줄에 배치하여 세로 공간 절약
66
  - **사용 안내 개선**: 프롬프트 필드 하단에 명확한 한 줄 사용 안내 메시지 배치
67
+ - **예시 표시 단순화**: 한국어만 표시하여 인터페이스 가독성 향상, 사용 안내 메시지를 예시 위로 이동
68
 
69
  #### 다국어 지원
70
  - **한국어-영어 하이브리드**: 한국어 UI 표시와 영어 처리의 최적 조합
app.py CHANGED
@@ -266,7 +266,6 @@ with gr.Blocks(css=css) as demo:
266
  container=False,
267
  )
268
 
269
- gr.Markdown("예시를 클릭하면 이미지와 한국어 프롬프트가 입력되며, 한국어 프롬프트는 '편집!' 버튼을 누를 때 자동으로 영어로 번역되어 AI가 처리합니다.")
270
 
271
  with gr.Row():
272
  run_button = gr.Button("편집!", variant="primary", size="lg", scale=1)
@@ -303,13 +302,14 @@ with gr.Blocks(css=css) as demo:
303
 
304
  rewrite_prompt = gr.Checkbox(label="프롬프트 재작성", value=True)
305
 
 
306
 
307
  gr.Examples(
308
  label="예시",
309
  examples=[
310
- ["neon_sign.png", "텍스트를 'COOL NEON SIGN HERE'으로 변경해주세요 → Change the text to 'COOL NEON SIGN HERE'"],
311
- ["cat_sitting.jpg", "고양이가 전통 조선시대 검은 갓만 쓰고 다른 옵은 입지 않은 모습으로 만들어 주세요 → Please make the cat wear only a traditional Joseon-era black gat and no other clothing"],
312
- ["pie.png", "사진 스타일을 빈티지 만화책 스타일로 바꿔주세요 → Change the photo style to vintage comic book"]],
313
  inputs=[input_image, prompt],
314
  cache_examples=False,
315
  examples_per_page=3)
 
266
  container=False,
267
  )
268
 
 
269
 
270
  with gr.Row():
271
  run_button = gr.Button("편집!", variant="primary", size="lg", scale=1)
 
302
 
303
  rewrite_prompt = gr.Checkbox(label="프롬프트 재작성", value=True)
304
 
305
+ gr.Markdown("예시를 클릭하면 이미지와 한국어 프롬프트가 입력되며, 한국어 프롬프트는 '편집!' 버튼을 누를 때 자동으로 영어로 번역되어 AI가 처리합니다.")
306
 
307
  gr.Examples(
308
  label="예시",
309
  examples=[
310
+ ["neon_sign.png", "텍스트를 'COOL NEON SIGN HERE'으로 변경해주세요"],
311
+ ["cat_sitting.jpg", "고양이가 전통 조선시대 검은 갓만 쓰고 다른 옵은 입지 않은 모습으로 만들어 주세요"],
312
+ ["pie.png", "사진 스타일을 빈티지 만화책 스타일로 바꿔주세요"]],
313
  inputs=[input_image, prompt],
314
  cache_examples=False,
315
  examples_per_page=3)