BhumikaMak commited on
Commit
b5d5d16
·
verified ·
1 Parent(s): 093c22a

change id and run button size

Browse files
Files changed (1) hide show
  1. app.py +13 -5
app.py CHANGED
@@ -79,16 +79,17 @@ body {
79
  .custom-button {
80
  background-color: #6a1b9a;
81
  color: white;
82
- font-size: 16px;
83
- width: 200px;
84
- height: 50px;
85
- border-radius: 10px;
86
  cursor: pointer;
87
  margin-top: 10px;
88
  margin-left: auto;
89
  margin-right: auto;
90
  }
91
 
 
92
  /* Custom border styles for all Gradio components */
93
  .gradio-container, .gradio-row, .gradio-column, .gradio-input, .gradio-image, .gradio-checkgroup, .gradio-button, .gradio-markdown {
94
  border: 3px solid black !important; /* Border width and color */
@@ -116,13 +117,20 @@ body {
116
  max-height: 100vh; /* Allow scrolling within the Gradio blocks */
117
  overflow-y: auto; /* Enable scrolling for the content if it overflows */
118
  }
 
 
 
 
 
 
 
119
  """
120
 
121
  # Then in the Gradio interface:
122
 
123
  with gr.Blocks(css=custom_css) as interface:
124
  gr.Markdown("""
125
- # Welcome to NeuralVista!
126
  A powerful tool designed to help you visualize models in action.
127
 
128
  """)
 
79
  .custom-button {
80
  background-color: #6a1b9a;
81
  color: white;
82
+ font-size: 14px; /* Reduced font size */
83
+ width: 120px; /* Reduced width */
84
+ height: 40px; /* Reduced height */
85
+ border-radius: 8px;
86
  cursor: pointer;
87
  margin-top: 10px;
88
  margin-left: auto;
89
  margin-right: auto;
90
  }
91
 
92
+
93
  /* Custom border styles for all Gradio components */
94
  .gradio-container, .gradio-row, .gradio-column, .gradio-input, .gradio-image, .gradio-checkgroup, .gradio-button, .gradio-markdown {
95
  border: 3px solid black !important; /* Border width and color */
 
117
  max-height: 100vh; /* Allow scrolling within the Gradio blocks */
118
  overflow-y: auto; /* Enable scrolling for the content if it overflows */
119
  }
120
+ #neural-vista-title {
121
+ color: purple !important; /* Purple color for the title */
122
+ font-size: 32px; /* Adjust font size as needed */
123
+ font-weight: bold;
124
+ text-align: center;
125
+ }
126
+
127
  """
128
 
129
  # Then in the Gradio interface:
130
 
131
  with gr.Blocks(css=custom_css) as interface:
132
  gr.Markdown("""
133
+ ## <span id="neural-vista-title">NeuralVista</span>
134
  A powerful tool designed to help you visualize models in action.
135
 
136
  """)