49 lines
840 B
SCSS
49 lines
840 B
SCSS
.search-interface {
|
|
@apply sticky top-0 bg-white z-10 p-4;
|
|
|
|
.search-form {
|
|
@apply space-y-4;
|
|
}
|
|
|
|
.search-input-group {
|
|
@apply flex gap-2;
|
|
}
|
|
|
|
.search-input {
|
|
@apply w-full p-2 border rounded-lg focus:ring-2 focus:ring-blue-500;
|
|
}
|
|
|
|
.filter-toggle {
|
|
@apply px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700;
|
|
}
|
|
|
|
.filter-panel {
|
|
@apply hidden transition-all duration-200 ease-in-out;
|
|
@apply bg-gray-50 rounded-lg p-4 mt-4;
|
|
|
|
&.active {
|
|
@apply block;
|
|
}
|
|
}
|
|
|
|
.filter-groups {
|
|
@apply grid gap-4 md:grid-cols-2 lg:grid-cols-3;
|
|
}
|
|
|
|
.filter-group {
|
|
@apply space-y-2;
|
|
|
|
h3 {
|
|
@apply font-semibold text-gray-700;
|
|
}
|
|
}
|
|
|
|
.results-count {
|
|
@apply mt-4 text-sm text-gray-600;
|
|
}
|
|
|
|
.results-list {
|
|
@apply mt-4 space-y-4;
|
|
}
|
|
}
|