morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dropdown on click, not on hover

This commit is contained in:
Niek van der Maas 2023-03-23 14:15:50 +01:00
parent fe68d34d1c
commit 53ce9abb61
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/Prompts.svelte
View File

@ -5,16 +5,20 @@
input.value = prompt input.value = prompt
input.style.height = 'auto' input.style.height = 'auto'
input.style.height = input.scrollHeight + 'px' input.style.height = input.scrollHeight + 'px'
active = false
} }
export let input : HTMLTextAreaElement export let input : HTMLTextAreaElement
let active: boolean = false
</script> </script>
{#if input} {#if input}
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-half"> <div class="column is-half">
<div class="dropdown is-hoverable is-fullwidth"> <div class="dropdown is-fullwidth" class:is-active={active}>
<div class="dropdown-trigger"> <!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="dropdown-trigger" on:click={() => { active = !active }}>
<button class="button is-fullwidth" aria-haspopup="true" aria-controls="dropdown-menu"> <button class="button is-fullwidth" aria-haspopup="true" aria-controls="dropdown-menu">
<span>Select a pre-made prompt</span> <span>Select a pre-made prompt</span>
<span class="icon is-small">👇</span> <span class="icon is-small">👇</span>