Spaces:
Runtime error
Runtime error
Update app.py
Browse files
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.
|
| 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 |
|