fix(fe): standardize search input width and grid column sizing in ShadowRunQueue
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user