feature/comparison-slider #19
@@ -1,3 +0,0 @@
|
||||
import FiltersSidebar from './ui/FiltersSidebar.svelte';
|
||||
|
||||
export { FiltersSidebar };
|
||||
@@ -1,38 +0,0 @@
|
||||
<script lang="ts">
|
||||
import {
|
||||
FilterControls,
|
||||
Filters,
|
||||
} from '$features/GetFonts';
|
||||
import {
|
||||
Content as SidebarContent,
|
||||
Root as SidebarRoot,
|
||||
} from '$shared/shadcn/ui/sidebar/index';
|
||||
/**
|
||||
* FiltersSidebar Component
|
||||
*
|
||||
* Main application sidebar widget. Contains filter controls and action buttons
|
||||
* for font filtering operations. Organized into two sections:
|
||||
*
|
||||
* - Filters: Category-based filter groups (providers, subsets, categories)
|
||||
* - Controls: Reset button for filter actions
|
||||
*
|
||||
* Features:
|
||||
* - Loading indicator during font fetch operations
|
||||
* - Empty state message when no fonts match filters
|
||||
* - Error display for failed font operations
|
||||
* - Responsive sidebar behavior via shadcn Sidebar component
|
||||
*
|
||||
* Uses Sidebar.Root from shadcn for responsive sidebar behavior including
|
||||
* mobile drawer and desktop persistent sidebar modes.
|
||||
*/
|
||||
</script>
|
||||
|
||||
<SidebarRoot>
|
||||
<SidebarContent class="p-2">
|
||||
<!-- Filter groups -->
|
||||
<Filters />
|
||||
|
||||
<!-- Action buttons -->
|
||||
<FilterControls />
|
||||
</SidebarContent>
|
||||
</SidebarRoot>
|
||||
Reference in New Issue
Block a user