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