🎨 Adjust layout and styling for file selector and search bar components

This commit is contained in:
2026-01-28 20:20:38 +00:00
parent 5614a6775b
commit b4b1c77f49

View File

@@ -967,26 +967,24 @@ onMounted(() => {
/* File Selector */ /* File Selector */
.file-selector { .file-selector {
display: flex; display: flex;
align-items: center; flex-direction: column;
gap: 1rem; gap: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
flex-wrap: wrap; }
.file-selector label {
font-weight: 600;
font-size: 0.95rem;
} }
.file-selector select { .file-selector select {
flex: 1; width: 100%;
min-width: 200px;
padding: 0.5rem; padding: 0.5rem;
font-size: 1rem; font-size: 1rem;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
} }
.file-info {
color: #666;
font-size: 0.9rem;
}
/* Search Bar */ /* Search Bar */
.search-bar { .search-bar {
margin-bottom: 1rem; margin-bottom: 1rem;
@@ -1000,12 +998,12 @@ onMounted(() => {
} }
.search-input { .search-input {
flex: 1; width: 100%;
padding: 0.75rem; padding: 0.75rem;
padding-right: 2.5rem; padding-right: 2.5rem;
font-size: 1rem; font-size: 1rem;
border: 2px solid #ccc; border: 2px solid #ccc;
border-radius: 8px; border-radius: 6px;
} }
.search-input:focus { .search-input:focus {