TomLii commited on
Commit
989e2c4
·
1 Parent(s): 7079bfe

Simplify UI by removing heavy boxes and gray backgrounds

Browse files
Files changed (1) hide show
  1. app.py +45 -14
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: 1px solid #e5e7eb;
121
- border-radius: 14px;
122
- padding: 12px 12px 6px;
123
- background: #ffffff;
 
124
  }
125
 
126
  .section-title {
127
- font-size: 14px;
128
  font-weight: 700;
129
- color: #374151;
130
- margin-bottom: 8px;
 
131
  }
132
 
133
  .layout-gap {
@@ -135,7 +138,7 @@ CUSTOM_CSS = """
135
  }
136
 
137
  .right-stack > * {
138
- margin-bottom: 10px;
139
  }
140
 
141
  .icon-grid {
@@ -149,19 +152,47 @@ CUSTOM_CSS = """
149
  align-items: center;
150
  justify-content: center;
151
  gap: 6px;
152
- padding: 8px 10px;
153
- border: 1px solid #e5e7eb;
154
  border-radius: 10px;
155
  text-decoration: none !important;
156
- color: #1f2937 !important;
157
  background: #ffffff;
158
  font-weight: 600;
159
- font-size: 13px;
160
  }
161
 
162
  .icon-link:hover {
163
  background: #f8fafc;
164
- border-color: #cbd5e1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
165
  }
166
  """
167
 
@@ -452,7 +483,7 @@ def run_ui(
452
 
453
  with gr.Blocks(
454
  title="DeepResearch Space Starter",
455
- theme=gr.themes.Soft(
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",