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