Simplify UI by removing heavy boxes and gray backgrounds
Browse files
app.py
CHANGED
|
@@ -66,6 +66,7 @@ CUSTOM_CSS = """
|
|
| 66 |
.gradio-container {
|
| 67 |
max-width: 1200px !important;
|
| 68 |
font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
|
|
|
|
| 69 |
}
|
| 70 |
|
| 71 |
.gradio-container * {
|
|
@@ -117,17 +118,19 @@ CUSTOM_CSS = """
|
|
| 117 |
}
|
| 118 |
|
| 119 |
.section-card {
|
| 120 |
-
border:
|
| 121 |
-
border-radius:
|
| 122 |
-
padding:
|
| 123 |
-
background:
|
|
|
|
| 124 |
}
|
| 125 |
|
| 126 |
.section-title {
|
| 127 |
-
font-size:
|
| 128 |
font-weight: 700;
|
| 129 |
-
color: #
|
| 130 |
-
margin-bottom:
|
|
|
|
| 131 |
}
|
| 132 |
|
| 133 |
.layout-gap {
|
|
@@ -135,7 +138,7 @@ CUSTOM_CSS = """
|
|
| 135 |
}
|
| 136 |
|
| 137 |
.right-stack > * {
|
| 138 |
-
margin-bottom:
|
| 139 |
}
|
| 140 |
|
| 141 |
.icon-grid {
|
|
@@ -149,19 +152,47 @@ CUSTOM_CSS = """
|
|
| 149 |
align-items: center;
|
| 150 |
justify-content: center;
|
| 151 |
gap: 6px;
|
| 152 |
-
padding:
|
| 153 |
-
border: 1px solid #
|
| 154 |
border-radius: 10px;
|
| 155 |
text-decoration: none !important;
|
| 156 |
-
color: #
|
| 157 |
background: #ffffff;
|
| 158 |
font-weight: 600;
|
| 159 |
-
font-size:
|
| 160 |
}
|
| 161 |
|
| 162 |
.icon-link:hover {
|
| 163 |
background: #f8fafc;
|
| 164 |
-
border-color: #
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 165 |
}
|
| 166 |
"""
|
| 167 |
|
|
@@ -452,7 +483,7 @@ def run_ui(
|
|
| 452 |
|
| 453 |
with gr.Blocks(
|
| 454 |
title="DeepResearch Space Starter",
|
| 455 |
-
theme=gr.themes.
|
| 456 |
text_size="md",
|
| 457 |
radius_size="md",
|
| 458 |
spacing_size="md",
|
|
|
|
| 66 |
.gradio-container {
|
| 67 |
max-width: 1200px !important;
|
| 68 |
font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
|
| 69 |
+
background: #ffffff !important;
|
| 70 |
}
|
| 71 |
|
| 72 |
.gradio-container * {
|
|
|
|
| 118 |
}
|
| 119 |
|
| 120 |
.section-card {
|
| 121 |
+
border: none !important;
|
| 122 |
+
border-radius: 0 !important;
|
| 123 |
+
padding: 0 !important;
|
| 124 |
+
background: transparent !important;
|
| 125 |
+
box-shadow: none !important;
|
| 126 |
}
|
| 127 |
|
| 128 |
.section-title {
|
| 129 |
+
font-size: 13px;
|
| 130 |
font-weight: 700;
|
| 131 |
+
color: #6b7280;
|
| 132 |
+
margin-bottom: 6px;
|
| 133 |
+
letter-spacing: 0.02em;
|
| 134 |
}
|
| 135 |
|
| 136 |
.layout-gap {
|
|
|
|
| 138 |
}
|
| 139 |
|
| 140 |
.right-stack > * {
|
| 141 |
+
margin-bottom: 8px;
|
| 142 |
}
|
| 143 |
|
| 144 |
.icon-grid {
|
|
|
|
| 152 |
align-items: center;
|
| 153 |
justify-content: center;
|
| 154 |
gap: 6px;
|
| 155 |
+
padding: 7px 8px;
|
| 156 |
+
border: 1px solid #f1f5f9;
|
| 157 |
border-radius: 10px;
|
| 158 |
text-decoration: none !important;
|
| 159 |
+
color: #334155 !important;
|
| 160 |
background: #ffffff;
|
| 161 |
font-weight: 600;
|
| 162 |
+
font-size: 12px;
|
| 163 |
}
|
| 164 |
|
| 165 |
.icon-link:hover {
|
| 166 |
background: #f8fafc;
|
| 167 |
+
border-color: #e2e8f0;
|
| 168 |
+
}
|
| 169 |
+
|
| 170 |
+
.gradio-container .gr-group,
|
| 171 |
+
.gradio-container .gr-box,
|
| 172 |
+
.gradio-container .gr-panel {
|
| 173 |
+
border: none !important;
|
| 174 |
+
box-shadow: none !important;
|
| 175 |
+
background: transparent !important;
|
| 176 |
+
}
|
| 177 |
+
|
| 178 |
+
.gradio-container .tabs {
|
| 179 |
+
border: none !important;
|
| 180 |
+
background: transparent !important;
|
| 181 |
+
}
|
| 182 |
+
|
| 183 |
+
.gradio-container .tabitem {
|
| 184 |
+
border: none !important;
|
| 185 |
+
background: transparent !important;
|
| 186 |
+
}
|
| 187 |
+
|
| 188 |
+
.gradio-container .gr-form,
|
| 189 |
+
.gradio-container .form {
|
| 190 |
+
background: #ffffff !important;
|
| 191 |
+
}
|
| 192 |
+
|
| 193 |
+
.gradio-container textarea,
|
| 194 |
+
.gradio-container input {
|
| 195 |
+
background: #ffffff !important;
|
| 196 |
}
|
| 197 |
"""
|
| 198 |
|
|
|
|
| 483 |
|
| 484 |
with gr.Blocks(
|
| 485 |
title="DeepResearch Space Starter",
|
| 486 |
+
theme=gr.themes.Default(
|
| 487 |
text_size="md",
|
| 488 |
radius_size="md",
|
| 489 |
spacing_size="md",
|