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
|