tcsenpai/pensieve
1
0
Fork 0
mirror of https://github.com/tcsenpai/pensieve.git synced 2025-06-07 11:45:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): layout update

Browse Source
This commit is contained in:
arkohut 2024-08-26 22:29:43 +08:00
parent a8ca2af3dc
commit dc532a8ef1
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/routes/+layout.svelte
View File

@ -5,4 +5,6 @@
<Toaster /> <Toaster />
<slot /> <div class="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8">
<slot />
</div>

10
web/src/routes/+page.svelte
View File

@ -240,7 +240,7 @@
<svelte:window on:keydown={handleKeydown} /> <svelte:window on:keydown={handleKeydown} />
<div class="container mx-auto my-4"> <div class="mx-auto my-4 max-w-screen-lg">
<Input <Input
type="text" type="text"
class="w-full my-4 p-2 text-lg border-gray-500" class="w-full my-4 p-2 text-lg border-gray-500"
@ -253,9 +253,9 @@
</div> </div>
</div> </div>
<div class="container mx-auto flex"> <div class="mx-auto flex flex-col sm:flex-row">
<!-- Left panel for tags and created_date --> <!-- Left panel for tags and created_date -->
<div class="w-1/5 pr-4"> <div class="xl:w-1/7 lg:w-1/6 md:w-1/5 sm:w-full pr-4">
{#if searchResult && searchResult.facet_counts} {#if searchResult && searchResult.facet_counts}
{#each searchResult.facet_counts as facet} {#each searchResult.facet_counts as facet}
{#if facet.field_name === 'tags' || facet.field_name === 'created_date'} {#if facet.field_name === 'tags' || facet.field_name === 'created_date'}
@ -270,7 +270,7 @@
</div> </div>
<!-- Right panel for search results --> <!-- Right panel for search results -->
<div class="w-4/5"> <div class="xl:w-6/7 lg:w-5/6 md:w-4/5">
{#if isLoading} {#if isLoading}
<p>Loading...</p> <p>Loading...</p>
{:else if searchResult && searchResult.hits.length > 0} {:else if searchResult && searchResult.hits.length > 0}
@ -279,7 +279,7 @@
'out_of' 'out_of'
].toLocaleString()} recipes in {searchResult['search_time_ms']}ms. ].toLocaleString()} recipes in {searchResult['search_time_ms']}ms.
</p> </p>
<div class="grid grid-cols-4 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
{#each searchResult.hits as hit, index} {#each searchResult.hits as hit, index}
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->