Update app.py
Browse files
app.py
CHANGED
@@ -263,26 +263,38 @@ theme = gr.themes.Soft(
|
|
263 |
)
|
264 |
|
265 |
css = """
|
|
|
|
|
|
|
|
|
|
|
|
|
266 |
div.tabs > div.tab-nav > button.selected {
|
267 |
border-width: 0 !important;
|
268 |
background: var(--primary-600) !important;
|
269 |
-
color: var(--
|
|
|
270 |
}
|
271 |
|
272 |
div.tabs > div.tab-nav {
|
273 |
-
|
|
|
274 |
}
|
275 |
|
276 |
div.tabs div.tabitem {
|
277 |
-
display: flex;
|
278 |
-
position: relative;
|
279 |
-
border: none !important;
|
280 |
background-color: var(--neutral-900) !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
281 |
}
|
282 |
"""
|
283 |
|
284 |
with gr.Blocks(theme=theme, css=css) as demo:
|
285 |
-
gr.Markdown(DESCRIPTION)
|
286 |
with gr.Tab("Canny Edge"):
|
287 |
with gr.Row():
|
288 |
gr.Markdown("## Canny Edge")
|
|
|
263 |
)
|
264 |
|
265 |
css = """
|
266 |
+
body > gradio-app {
|
267 |
+
background: var(--primary-950);
|
268 |
+
background: linear-gradient(180deg, color-mix(in srgb, var(--primary-950), transparent 50%) 0%, color-mix(in srgb, var(--primary-950), transparent 50%) 28%, var(--neutral-950) 28%, var(--neutral-950) 100%) !important;
|
269 |
+
padding-top: 120px;
|
270 |
+
}
|
271 |
+
|
272 |
div.tabs > div.tab-nav > button.selected {
|
273 |
border-width: 0 !important;
|
274 |
background: var(--primary-600) !important;
|
275 |
+
color: var(--neutral-950);
|
276 |
+
font-weight: 600;
|
277 |
}
|
278 |
|
279 |
div.tabs > div.tab-nav {
|
280 |
+
border-bottom: none; !important;
|
281 |
+
padding: 0 0.25rem 0 0.25rem !important;
|
282 |
}
|
283 |
|
284 |
div.tabs div.tabitem {
|
|
|
|
|
|
|
285 |
background-color: var(--neutral-900) !important;
|
286 |
+
border-top: 8px solid var(--primary-600) !important;
|
287 |
+
border-radius: var(--container-radius) !important;
|
288 |
+
}
|
289 |
+
|
290 |
+
.top-description h1 {
|
291 |
+
color: var(--neutral-400);
|
292 |
+
font-size: 2rem;
|
293 |
}
|
294 |
"""
|
295 |
|
296 |
with gr.Blocks(theme=theme, css=css) as demo:
|
297 |
+
gr.Markdown(DESCRIPTION, elem_classes="top-description")
|
298 |
with gr.Tab("Canny Edge"):
|
299 |
with gr.Row():
|
300 |
gr.Markdown("## Canny Edge")
|