Match Memory Strategy dropdown height to the Model textbox
Browse filesReason: the dropdown was rendering with tiny 2px padding so it looked
noticeably smaller than the neighbouring Model textbox. Give the dropdown
the same 44px min-height and 14px horizontal padding that Gradio's
textbox uses by default.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
app.py
CHANGED
|
@@ -523,18 +523,34 @@ gradio-app > div {
|
|
| 523 |
border: 1px solid var(--q-line-strong) !important;
|
| 524 |
border-radius: var(--q-radius-md) !important;
|
| 525 |
box-shadow: none !important;
|
| 526 |
-
padding:
|
|
|
|
|
|
|
|
|
|
|
|
|
| 527 |
}
|
| 528 |
[class*="gradio-container"] [data-testid="dropdown"] > .wrap,
|
| 529 |
[class*="gradio-container"] [data-testid="dropdown"] .secondary-wrap,
|
| 530 |
[class*="gradio-container"] [data-testid="dropdown"] .wrap-inner,
|
| 531 |
-
[class*="gradio-container"] [data-testid="dropdown"] input,
|
| 532 |
[class*="gradio-container"] [data-testid="dropdown"] .input-container,
|
| 533 |
[class*="gradio-container"] [class*="dropdown"] .wrap {
|
| 534 |
background: transparent !important;
|
| 535 |
border: none !important;
|
| 536 |
box-shadow: none !important;
|
| 537 |
border-radius: 10px !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 538 |
}
|
| 539 |
[class*="gradio-container"] .options ul,
|
| 540 |
[class*="gradio-container"] .options {
|
|
|
|
| 523 |
border: 1px solid var(--q-line-strong) !important;
|
| 524 |
border-radius: var(--q-radius-md) !important;
|
| 525 |
box-shadow: none !important;
|
| 526 |
+
padding: 0 !important;
|
| 527 |
+
min-height: 44px !important;
|
| 528 |
+
display: flex !important;
|
| 529 |
+
align-items: center !important;
|
| 530 |
+
width: 100% !important;
|
| 531 |
}
|
| 532 |
[class*="gradio-container"] [data-testid="dropdown"] > .wrap,
|
| 533 |
[class*="gradio-container"] [data-testid="dropdown"] .secondary-wrap,
|
| 534 |
[class*="gradio-container"] [data-testid="dropdown"] .wrap-inner,
|
|
|
|
| 535 |
[class*="gradio-container"] [data-testid="dropdown"] .input-container,
|
| 536 |
[class*="gradio-container"] [class*="dropdown"] .wrap {
|
| 537 |
background: transparent !important;
|
| 538 |
border: none !important;
|
| 539 |
box-shadow: none !important;
|
| 540 |
border-radius: 10px !important;
|
| 541 |
+
width: 100% !important;
|
| 542 |
+
min-height: 42px !important;
|
| 543 |
+
padding: 0 14px !important;
|
| 544 |
+
display: flex !important;
|
| 545 |
+
align-items: center !important;
|
| 546 |
+
}
|
| 547 |
+
[class*="gradio-container"] [data-testid="dropdown"] input {
|
| 548 |
+
background: transparent !important;
|
| 549 |
+
border: none !important;
|
| 550 |
+
box-shadow: none !important;
|
| 551 |
+
padding: 0 !important;
|
| 552 |
+
height: 42px !important;
|
| 553 |
+
font-size: 0.95rem !important;
|
| 554 |
}
|
| 555 |
[class*="gradio-container"] .options ul,
|
| 556 |
[class*="gradio-container"] .options {
|