diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte index 983ca357f90..01140d325c7 100644 --- a/frontend/src/routes/+page.svelte +++ b/frontend/src/routes/+page.svelte @@ -8,7 +8,8 @@ import { Button } from 'bits-ui'; import { List as ListIcon, - LoaderCircle, + LayoutGrid as LayoutGridIcon, + LoaderCircle as LoaderCircleIcon, Map as MapIcon, Table as TableIcon } from 'lucide-svelte'; @@ -21,7 +22,7 @@ let { query, limit, total, results } = data; let isLoading = false; - let showList = true; + let showCards = true; let showMap = true; const searchQuery = queryParam('q', ssp.string('')); @@ -100,11 +101,11 @@
- {#if showList}List{:else}Table{/if} view + {#if showCards} Card{:else} Table{/if} view
- (showList = !showList)} - >{#if showList}View table{:else}View list{/if} (showCards = !showCards)} + >{#if showCards}View table{:else}View cards{/if} (showMap = !showMap)} >{#if showMap}Hide map{:else}Show map{/if}
{#if isLoading} - + {:else} - {#if showList} + {#if showCards} {:else} @@ -179,8 +180,8 @@ width: 100%; & .info { - /* align to the bottom of the controls */ - align-self: flex-middle; + align-items: center; + display: flex; font-weight: var(--font-weight-6); }