Spaces:
Build error
Build error
Zenith Wang
commited on
Commit
·
a493d0c
1
Parent(s):
28d20d3
Match File upload box height exactly with text input box (52px)
Browse files
app.py
CHANGED
@@ -243,34 +243,42 @@ def process_message(message, history, images, system_prompt, temperature, max_to
|
|
243 |
|
244 |
# 创建Gradio界面
|
245 |
css = """
|
|
|
246 |
.compact-file {
|
247 |
-
height:
|
248 |
-
max-height: 45px !important;
|
249 |
}
|
250 |
-
.compact-file > div {
|
251 |
-
height:
|
252 |
-
|
253 |
-
|
254 |
-
.compact-file .wrap {
|
255 |
-
height: 45px !important;
|
256 |
-
max-height: 45px !important;
|
257 |
}
|
258 |
.compact-file label {
|
259 |
-
|
260 |
-
|
|
|
|
|
|
|
261 |
}
|
262 |
.compact-file .file-preview {
|
263 |
-
max-height:
|
264 |
overflow-y: auto !important;
|
265 |
-
font-size:
|
|
|
266 |
}
|
267 |
.compact-file input[type="file"] {
|
268 |
-
height:
|
269 |
-
font-size:
|
270 |
}
|
271 |
.compact-file .upload-container {
|
272 |
-
|
273 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
274 |
}
|
275 |
"""
|
276 |
|
@@ -310,7 +318,7 @@ with gr.Blocks(title="Step-3", theme=gr.themes.Soft(), css=css) as demo:
|
|
310 |
file_count="multiple",
|
311 |
file_types=[".png", ".jpg", ".jpeg", ".gif", ".webp"],
|
312 |
interactive=True,
|
313 |
-
show_label=
|
314 |
elem_classes="compact-file"
|
315 |
)
|
316 |
with gr.Column(scale=1, min_width=100):
|
|
|
243 |
|
244 |
# 创建Gradio界面
|
245 |
css = """
|
246 |
+
/* 让文件上传框与文本框高度一致 */
|
247 |
.compact-file {
|
248 |
+
height: 52px !important;
|
|
|
249 |
}
|
250 |
+
.compact-file > div:first-child {
|
251 |
+
height: 52px !important;
|
252 |
+
display: flex !important;
|
253 |
+
flex-direction: column !important;
|
|
|
|
|
|
|
254 |
}
|
255 |
.compact-file label {
|
256 |
+
display: none !important; /* 隐藏标签以节省空间 */
|
257 |
+
}
|
258 |
+
.compact-file .wrap {
|
259 |
+
height: 52px !important;
|
260 |
+
padding: 0 !important;
|
261 |
}
|
262 |
.compact-file .file-preview {
|
263 |
+
max-height: 52px !important;
|
264 |
overflow-y: auto !important;
|
265 |
+
font-size: 12px !important;
|
266 |
+
padding: 8px !important;
|
267 |
}
|
268 |
.compact-file input[type="file"] {
|
269 |
+
height: 52px !important;
|
270 |
+
font-size: 12px !important;
|
271 |
}
|
272 |
.compact-file .upload-container {
|
273 |
+
height: 52px !important;
|
274 |
+
}
|
275 |
+
/* 确保上传按钮区域也是正确高度 */
|
276 |
+
.compact-file .upload-area {
|
277 |
+
height: 52px !important;
|
278 |
+
min-height: 52px !important;
|
279 |
+
display: flex !important;
|
280 |
+
align-items: center !important;
|
281 |
+
justify-content: center !important;
|
282 |
}
|
283 |
"""
|
284 |
|
|
|
318 |
file_count="multiple",
|
319 |
file_types=[".png", ".jpg", ".jpeg", ".gif", ".webp"],
|
320 |
interactive=True,
|
321 |
+
show_label=False,
|
322 |
elem_classes="compact-file"
|
323 |
)
|
324 |
with gr.Column(scale=1, min_width=100):
|