Update app.py
Browse files
app.py
CHANGED
|
@@ -153,20 +153,14 @@ a[href*="huggingface.co/spaces"] {
|
|
| 153 |
.gr-panel,
|
| 154 |
.gr-box,
|
| 155 |
.gr-form,
|
| 156 |
-
.block,
|
| 157 |
.gr-group {
|
| 158 |
background: #FFFFFF !important;
|
| 159 |
border: 3px solid #1F2937 !important;
|
| 160 |
border-radius: 8px !important;
|
| 161 |
box-shadow: 6px 6px 0px #1F2937 !important;
|
| 162 |
-
transition: all 0.2s ease !important;
|
| 163 |
}
|
| 164 |
|
| 165 |
-
|
| 166 |
-
.block:hover {
|
| 167 |
-
transform: translate(-2px, -2px) !important;
|
| 168 |
-
box-shadow: 8px 8px 0px #1F2937 !important;
|
| 169 |
-
}
|
| 170 |
|
| 171 |
/* ===== 🎨 입력 필드 (Textbox) ===== */
|
| 172 |
textarea,
|
|
@@ -195,52 +189,8 @@ textarea::placeholder {
|
|
| 195 |
font-weight: 400 !important;
|
| 196 |
}
|
| 197 |
|
| 198 |
-
/* ===== 🎨 드롭다운 스타일
|
| 199 |
-
|
| 200 |
-
border: 3px solid #1F2937 !important;
|
| 201 |
-
border-radius: 8px !important;
|
| 202 |
-
box-shadow: 3px 3px 0px #1F2937 !important;
|
| 203 |
-
}
|
| 204 |
-
|
| 205 |
-
[data-testid="dropdown"] .wrap {
|
| 206 |
-
background: #FFFFFF !important;
|
| 207 |
-
}
|
| 208 |
-
|
| 209 |
-
[data-testid="dropdown"] .wrap-inner {
|
| 210 |
-
background: #FFFFFF !important;
|
| 211 |
-
}
|
| 212 |
-
|
| 213 |
-
[data-testid="dropdown"] .secondary-wrap {
|
| 214 |
-
background: #FFFFFF !important;
|
| 215 |
-
}
|
| 216 |
-
|
| 217 |
-
[data-testid="dropdown"] input {
|
| 218 |
-
color: #1F2937 !important;
|
| 219 |
-
font-family: 'Comic Neue', cursive !important;
|
| 220 |
-
font-weight: 700 !important;
|
| 221 |
-
}
|
| 222 |
-
|
| 223 |
-
[data-testid="dropdown"] .options {
|
| 224 |
-
background: #FFFFFF !important;
|
| 225 |
-
border: 3px solid #1F2937 !important;
|
| 226 |
-
border-radius: 8px !important;
|
| 227 |
-
box-shadow: 4px 4px 0px #1F2937 !important;
|
| 228 |
-
}
|
| 229 |
-
|
| 230 |
-
[data-testid="dropdown"] .item {
|
| 231 |
-
color: #1F2937 !important;
|
| 232 |
-
font-family: 'Comic Neue', cursive !important;
|
| 233 |
-
font-weight: 700 !important;
|
| 234 |
-
}
|
| 235 |
-
|
| 236 |
-
[data-testid="dropdown"] .item:hover {
|
| 237 |
-
background: #FACC15 !important;
|
| 238 |
-
}
|
| 239 |
-
|
| 240 |
-
[data-testid="dropdown"] .item.selected {
|
| 241 |
-
background: #3B82F6 !important;
|
| 242 |
-
color: #FFFFFF !important;
|
| 243 |
-
}
|
| 244 |
|
| 245 |
/* ===== 🎨 Primary 버튼 - 코믹 블루 ===== */
|
| 246 |
.gr-button-primary,
|
|
@@ -855,4 +805,4 @@ with gr.Blocks(fill_height=True, css=css, title="BadgeCraft") as demo:
|
|
| 855 |
)
|
| 856 |
|
| 857 |
if __name__ == "__main__":
|
| 858 |
-
demo.launch()
|
|
|
|
| 153 |
.gr-panel,
|
| 154 |
.gr-box,
|
| 155 |
.gr-form,
|
|
|
|
| 156 |
.gr-group {
|
| 157 |
background: #FFFFFF !important;
|
| 158 |
border: 3px solid #1F2937 !important;
|
| 159 |
border-radius: 8px !important;
|
| 160 |
box-shadow: 6px 6px 0px #1F2937 !important;
|
|
|
|
| 161 |
}
|
| 162 |
|
| 163 |
+
/* block hover 효과 제거 - 드롭다운 클릭 방해 방지 */
|
|
|
|
|
|
|
|
|
|
|
|
|
| 164 |
|
| 165 |
/* ===== 🎨 입력 필드 (Textbox) ===== */
|
| 166 |
textarea,
|
|
|
|
| 189 |
font-weight: 400 !important;
|
| 190 |
}
|
| 191 |
|
| 192 |
+
/* ===== 🎨 드롭다운 스타일 - 기본 유지, 폰트만 변경 ===== */
|
| 193 |
+
/* 드롭다운은 Gradio 기본 스타일 사용 (클릭 문제 방지) */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 194 |
|
| 195 |
/* ===== 🎨 Primary 버튼 - 코믹 블루 ===== */
|
| 196 |
.gr-button-primary,
|
|
|
|
| 805 |
)
|
| 806 |
|
| 807 |
if __name__ == "__main__":
|
| 808 |
+
demo.launch()
|