ginipick commited on
Commit
fc3da36
ยท
verified ยท
1 Parent(s): 3cfdc9d

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +12 -5
app.py CHANGED
@@ -201,6 +201,12 @@ with gr.Blocks(
201
  padding: 20px;
202
  background: #f5f5f5;
203
  border-radius: 15px;
 
 
 
 
 
 
204
  }
205
  .gallery-title {
206
  text-align: center;
@@ -213,8 +219,8 @@ with gr.Blocks(
213
  gr.HTML(
214
  """
215
  <div style="text-align: center; max-width: 800px; margin: 0 auto; padding: 20px;">
216
- <h1 style="font-size: 2.5rem; color: #2196F3;">3D Style Image Generator</h1>
217
- <p style="font-size: 1.2rem; color: #666;">Create amazing 3D-style images with AI</p>
218
  </div>
219
  """
220
  )
@@ -281,16 +287,17 @@ with gr.Blocks(
281
  value="3d.webp"
282
  )
283
 
284
- # Gallery ์„น์…˜
285
- with gr.Row(elem_classes="gallery-container"):
286
  gr.HTML("<h2 class='gallery-title'>Gallery</h2>")
287
 
288
- # grid-template-columns๋ฅผ repeat(4, 1fr)๋กœ ์ง€์ •ํ•˜์—ฌ ํ•œ ์ค„์— 4๊ฐœ์”ฉ ์ด๋ฏธ์ง€
289
  gallery_html = """
290
  <div style='
291
  display: grid;
292
  grid-template-columns: repeat(4, 1fr);
293
  gap: 20px;
 
294
  '>
295
  """
296
 
 
201
  padding: 20px;
202
  background: #f5f5f5;
203
  border-radius: 15px;
204
+ /*
205
+ ์•„๋ž˜์ฒ˜๋Ÿผ width:100% & margin:0 auto๋ฅผ ์ฃผ๋ฉด
206
+ ํ™”๋ฉด ์ „์ฒด๋ฅผ ๋„“๊ฒŒ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์ค‘์•™ ์ •๋ ฌ๋จ
207
+ */
208
+ width: 100%;
209
+ margin: 0 auto;
210
  }
211
  .gallery-title {
212
  text-align: center;
 
219
  gr.HTML(
220
  """
221
  <div style="text-align: center; max-width: 800px; margin: 0 auto; padding: 20px;">
222
+ <h1 style="font-size: 2.5rem; color: #2196F3;">3D Style Image Generator v2.0</h1>
223
+ <p style="font-size: 1.2rem; color: #666;">Create amazing 3D-style images with AI. https://discord.gg/openfreeai </p>
224
  </div>
225
  """
226
  )
 
287
  value="3d.webp"
288
  )
289
 
290
+ # Gallery ์„น์…˜ (Row ๋Œ€์‹  Box ์‚ฌ์šฉ -> ํ™”๋ฉด ์ „์ฒด์— ํ™•์žฅ)
291
+ with gr.Box(elem_classes="gallery-container"):
292
  gr.HTML("<h2 class='gallery-title'>Gallery</h2>")
293
 
294
+ # grid-template-columns๋ฅผ repeat(4, 1fr)๋กœ ์ง€์ •ํ•˜์—ฌ ํ•œ ์ค„์— 4๊ฐœ์”ฉ ํ‘œ์‹œ
295
  gallery_html = """
296
  <div style='
297
  display: grid;
298
  grid-template-columns: repeat(4, 1fr);
299
  gap: 20px;
300
+ width: 100%;
301
  '>
302
  """
303