Spaces:
Sleeping
Sleeping
update css
Browse files
app.py
CHANGED
|
@@ -60,20 +60,22 @@ def view_model(selected_models):
|
|
| 60 |
return netron_html if netron_html else "<p>No valid models selected for visualization.</p>"
|
| 61 |
|
| 62 |
custom_css = """
|
| 63 |
-
|
| 64 |
background-color: purple !important;
|
| 65 |
color: white !important;
|
| 66 |
width: 120px !important;
|
| 67 |
border-radius: 5px !important;
|
| 68 |
font-size: 14px !important;
|
| 69 |
}
|
| 70 |
-
|
|
|
|
| 71 |
margin: 0 !important;
|
| 72 |
padding: 0 !important;
|
| 73 |
height: fit-content !important;
|
| 74 |
display: flex !important;
|
| 75 |
justify-content: center !important;
|
| 76 |
}
|
|
|
|
| 77 |
#highlighted-text {
|
| 78 |
color: blue !important;
|
| 79 |
font-size: 32px !important;
|
|
@@ -84,11 +86,13 @@ custom_css = """
|
|
| 84 |
# Then in the Gradio interface:
|
| 85 |
|
| 86 |
with gr.Blocks(css=custom_css) as interface:
|
| 87 |
-
gr.
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
|
|
|
|
|
|
| 92 |
|
| 93 |
|
| 94 |
# Default sample
|
|
|
|
| 60 |
return netron_html if netron_html else "<p>No valid models selected for visualization.</p>"
|
| 61 |
|
| 62 |
custom_css = """
|
| 63 |
+
.custom-button {
|
| 64 |
background-color: purple !important;
|
| 65 |
color: white !important;
|
| 66 |
width: 120px !important;
|
| 67 |
border-radius: 5px !important;
|
| 68 |
font-size: 14px !important;
|
| 69 |
}
|
| 70 |
+
|
| 71 |
+
.custom-row {
|
| 72 |
margin: 0 !important;
|
| 73 |
padding: 0 !important;
|
| 74 |
height: fit-content !important;
|
| 75 |
display: flex !important;
|
| 76 |
justify-content: center !important;
|
| 77 |
}
|
| 78 |
+
|
| 79 |
#highlighted-text {
|
| 80 |
color: blue !important;
|
| 81 |
font-size: 32px !important;
|
|
|
|
| 86 |
# Then in the Gradio interface:
|
| 87 |
|
| 88 |
with gr.Blocks(css=custom_css) as interface:
|
| 89 |
+
gr.HTML("""
|
| 90 |
+
<div id="custom-row">
|
| 91 |
+
<p>Welcome to <span id="highlighted-text">NeuralVista</span>, a powerful tool designed to help you visualize object detection models in action.</p>
|
| 92 |
+
<p>With the integration of state-of-the-art YOLO models, you can explore the performance of object detection algorithms on various images.</p>
|
| 93 |
+
</div>
|
| 94 |
+
""")
|
| 95 |
+
|
| 96 |
|
| 97 |
|
| 98 |
# Default sample
|