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")
|