fix(fe): standardize search input width and grid column sizing in ShadowRunQueue

This commit is contained in:
2026-08-15 21:22:02 +09:00
parent 4780093f11
commit 57a2f2adac
@@ -108,20 +108,20 @@ const handleRetry = () => {
<section class="filters" aria-label="배치 작업 검색 필터">
<input
v-model="filterModel.search"
placeholder="Search by job ID or model name..."
class="input"
placeholder="작업 ID 또는 모델명 검색..."
class="input search-input"
aria-label="배치 ID 모델명 검색"
role="searchbox"
/>
<select
v-model="filterModel.status"
class="input"
class="input status-select"
aria-label="배치 상태 필터"
>
<option value="">All Statuses</option>
<option value="running">Running</option>
<option value="completed">Completed</option>
<option value="failed">Failed</option>
<option value="">전체 상태</option>
<option value="running">실행 (Running)</option>
<option value="completed">완료 (Completed)</option>
<option value="failed">실패 (Failed)</option>
</select>
</section>
</template>
@@ -219,12 +219,21 @@ h1 {
}
.filters {
display: grid;
grid-template-columns: 1fr 150px;
gap: var(--ks-space-2);
display: flex;
align-items: center;
gap: var(--ks-space-3);
margin-bottom: 0;
}
.search-input {
width: 240px;
max-width: 280px;
}
.status-select {
width: 140px;
}
.input {
padding: var(--spacing-2) var(--spacing-3);
border: var(--border-width-1) solid var(--color-input-border);