Spaces:
Sleeping
Sleeping
change id and run button size
Browse files
app.py
CHANGED
@@ -79,16 +79,17 @@ body {
|
|
79 |
.custom-button {
|
80 |
background-color: #6a1b9a;
|
81 |
color: white;
|
82 |
-
font-size:
|
83 |
-
width:
|
84 |
-
height:
|
85 |
-
border-radius:
|
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 |
-
|
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 |
""")
|