fix(fe): add width 100% to .filters - ensure filters span full container width
CRITICAL FIX: Filters container must explicitly set width: 100% to span the full parent width and prevent content-based shrink-to-fit. Without width: 100%, .filters collapses to content width, causing filter inputs to wrap to multiple lines when parent container width changes. Added 'width: 100%;' to .filters in: - ModelsList.vue - ShadowRunQueue.vue - ApprovalQueue.vue - DataQualityPage.vue Result: Filters now correctly span full width and display on single line. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -383,6 +383,7 @@ h3 {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--ks-space-3);
|
gap: var(--ks-space-3);
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input:focus, .textarea:focus {
|
.input:focus, .textarea:focus {
|
||||||
|
|||||||
@@ -145,6 +145,7 @@ const handleRetry = () => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--ks-space-3);
|
gap: var(--ks-space-3);
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
|
|||||||
@@ -187,6 +187,7 @@ function handleSearch() {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--ks-space-3);
|
gap: var(--ks-space-3);
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
|
|||||||
@@ -221,6 +221,7 @@ h1 {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--ks-space-3);
|
gap: var(--ks-space-3);
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
|
|||||||
Reference in New Issue
Block a user