From 00a4840eb3e87dd71509cf7e0a042f9f31578d3e Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Sat, 15 Aug 2026 23:13:25 +0900 Subject: [PATCH] style(fe): standardize filter inputs in ShadowRunQueue page - Input height: 34px (standard KBX compact) - Search input: max-width 350px (matches ModelsList) - Padding: 0 0.75rem - Line-height: 34px for vertical centering - Box-sizing: border-box for consistent sizing - Status select: min-width 150px Aligns with PageLayout + ModelsList standardization. Co-Authored-By: Claude Haiku 4.5 --- .../features/shadow-run/pages/ShadowRunQueue.vue | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/frontend/src/features/shadow-run/pages/ShadowRunQueue.vue b/frontend/src/features/shadow-run/pages/ShadowRunQueue.vue index 9f31ccd0..88d0a0cc 100644 --- a/frontend/src/features/shadow-run/pages/ShadowRunQueue.vue +++ b/frontend/src/features/shadow-run/pages/ShadowRunQueue.vue @@ -225,22 +225,26 @@ h1 { } .search-input { - width: 240px; - max-width: 280px; + min-width: 200px; + max-width: 350px; + width: 100%; } .status-select { - width: 140px; + min-width: 150px; } .input { - padding: var(--spacing-2) var(--spacing-3); + height: 34px; + padding: 0 0.75rem; border: var(--border-width-1) solid var(--color-input-border); - border-radius: var(--border-radius-base); + border-radius: 4px; background: var(--color-input-background); color: var(--color-text-primary); - font-size: var(--font-size-sm); + font-size: 13px; font-family: var(--font-sans); + line-height: 34px; + box-sizing: border-box; transition: all var(--transition-fast); }