tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

refac: suggestions scroll snap

Browse source
This commit is contained in:
Timothy J. Baek 2024-05-01 23:01:00 -07:00
parent 84cd1b8cb8
commit 35b5d5ba35
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/lib/components/chat/MessageInput/Suggestions.svelte
View file

@ -22,9 +22,9 @@
{/if} {/if}
<div class="w-full"> <div class="w-full">
<div class="relative w-full flex gap-2 snap-x overflow-x-auto tabs"> <div class="relative w-full flex gap-2 snap-x snap-mandatory overflow-x-auto tabs">
{#each prompts as prompt, promptIdx} {#each prompts as prompt, promptIdx}
<div class="shrink-0"> <div class="snap-center shrink-0">
<button <button
class="flex flex-col flex-1 shrink-0 w-64 justify-between h-36 p-5 px-6 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 rounded-3xl transition group" class="flex flex-col flex-1 shrink-0 w-64 justify-between h-36 p-5 px-6 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 rounded-3xl transition group"
on:click={() => { on:click={() => {
@ -65,6 +65,7 @@
</button> </button>
</div> </div>
{/each} {/each}
<!-- <div class="snap-center shrink-0"> <!-- <div class="snap-center shrink-0">
<img <img
class="shrink-0 w-80 h-40 rounded-lg shadow-xl bg-white" class="shrink-0 w-80 h-40 rounded-lg shadow-xl bg-white"