style(fe): remove redundant input styles - use PageLayout defaults

Removed duplicate input field styling from individual pages:
- ModelsList.vue: removed .input height/padding/border styles
- ShadowRunQueue.vue: removed .input height/padding/border styles
- ApprovalQueue.vue: removed .filters and .input styles

PageLayout now provides the authoritative source for input styling:
- All inputs in .ks-page__filters use consistent 34px height
- Padding: 0 0.75rem
- Border-radius: 4px
- Box-sizing: border-box

Individual pages now only define width constraints (max-width: 350px for search).

This applies the DRY principle - single source of truth for filter input
styling across all pages. Reduces code duplication and improves
maintainability.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-08-15 23:16:39 +09:00
parent 1e48b4987d
commit 33df3abbf4
3 changed files with 0 additions and 46 deletions
@@ -189,20 +189,6 @@ function handleSearch() {
gap: var(--kbx-spacing-md, 1rem);
}
.search-input,
.status-select {
height: 34px;
padding: 0 0.75rem;
border: 1px solid var(--color-border-primary);
border-radius: 4px;
background-color: var(--color-background-primary);
color: var(--color-text-primary);
font-size: 13px;
font-family: inherit;
line-height: 34px;
box-sizing: border-box;
}
.search-input {
min-width: 200px;
max-width: 350px;