BhumikaMak commited on
Commit
5721e34
·
verified ·
1 Parent(s): 4f309dc

update css

Browse files
Files changed (1) hide show
  1. app.py +11 -7
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
- #run_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
- #custom-row {
 
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.Markdown("""
88
- ## NeuralVista
89
- <p>Welcome to <span id="highlighted-text">NeuralVista</span>, a powerful tool designed to help you visualize object detection models in action.</p>
90
- <p id="custom-row">With the integration of state-of-the-art YOLO models, you can explore the performance of object detection algorithms on various images.</p>
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