NicollasMarques commited on
Commit
335e1d4
·
verified ·
1 Parent(s): c38eaf9

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +34 -1
app.py CHANGED
@@ -172,30 +172,63 @@ with gr.Blocks(title="Sistema de Busca de Consórcio Imóvel") as demo:
172
  background-color: #ff8f00 !important;
173
  color: #000;
174
  }
175
- .gr-input, .gr-textbox, .gr-checkbox, .gr-number, .gr-group {
 
 
176
  background-color: white !important;
177
  border-radius: 12px !important;
178
  padding: 8px !important;
179
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
180
  .gr-button {
181
  font-weight: bold;
182
  border-radius: 8px !important;
 
 
 
 
 
 
 
183
  }
 
 
184
  textarea {
185
  border-radius: 12px !important;
186
  background-color: white !important;
187
  color: black !important;
188
  }
 
189
  input {
190
  border-radius: 12px !important;
191
  background-color: white !important;
192
  color: black !important;
193
  }
 
194
  label {
195
  font-weight: 600;
196
  }
197
  </style>
198
  """)
 
199
  gr.Markdown("# 🏠 Busca de Combinações de Consórcio Imóvel")
200
  gr.Markdown("Insira os valores desejados para crédito, entrada e parcela, e filtre por administradora.")
201
 
 
172
  background-color: #ff8f00 !important;
173
  color: #000;
174
  }
175
+
176
+ /* Estilo geral dos inputs */
177
+ .gr-input, .gr-textbox, .gr-number, .gr-group {
178
  background-color: white !important;
179
  border-radius: 12px !important;
180
  padding: 8px !important;
181
  }
182
+
183
+ /* Estilo dos checkboxes */
184
+ input[type="checkbox"] {
185
+ accent-color: black !important; /* cor da bolinha quando marcada */
186
+ width: 18px;
187
+ height: 18px;
188
+ margin-right: 6px;
189
+ }
190
+
191
+ /* Força a aparência limpa dos checkboxes */
192
+ .gr-checkbox label {
193
+ font-weight: 600;
194
+ display: flex;
195
+ align-items: center;
196
+ gap: 8px;
197
+ padding: 6px 0;
198
+ }
199
+
200
+ /* Estilo dos botões */
201
  .gr-button {
202
  font-weight: bold;
203
  border-radius: 8px !important;
204
+ background-color: white !important;
205
+ color: black !important;
206
+ border: 2px solid black !important;
207
+ }
208
+
209
+ .gr-button:hover {
210
+ background-color: #fff3e0 !important;
211
  }
212
+
213
+ /* Textarea de saída */
214
  textarea {
215
  border-radius: 12px !important;
216
  background-color: white !important;
217
  color: black !important;
218
  }
219
+
220
  input {
221
  border-radius: 12px !important;
222
  background-color: white !important;
223
  color: black !important;
224
  }
225
+
226
  label {
227
  font-weight: 600;
228
  }
229
  </style>
230
  """)
231
+
232
  gr.Markdown("# 🏠 Busca de Combinações de Consórcio Imóvel")
233
  gr.Markdown("Insira os valores desejados para crédito, entrada e parcela, e filtre por administradora.")
234