fff

src/lib/ChatOptionMenu.svelte

@@ -28,6 +28,7 @@
   import { startNewChatWithWarning, startNewChatFromChatId, errorNotice, encodeHTMLEntities } from './Util.svelte'
   import type { ChatSettings } from './Types.svelte'
   import { hasActiveModels } from './Models.svelte'
+  import { sidebarCollapsed } from './Sidebar.svelte'
 
   export let chatId
   export const show = (showHide:boolean = true) => {
@@ -228,12 +229,19 @@
 
 <div class="dropdown {style}" class:is-active={showChatMenu} use:clickOutside={() => { showChatMenu = false }}>
   <div class="dropdown-trigger">
+    {#if !sidebarCollapsed }
     <button class="button is-ghost default-text" aria-haspopup="true" 
       aria-controls="dropdown-menu3" 
       on:click|preventDefault|stopPropagation={() => { showChatMenu = !showChatMenu }}
       >
       <span class="icon "><Fa icon={faEllipsis}/></span>
     </button>
+    {:else}
+      <div class="icon" aria-controls="dropdown-menu3" 
+        on:click|preventDefault|stopPropagation={() => { showChatMenu = !showChatMenu }}
+        >
+        <Fa icon={faEllipsis}/></div>
+    {/if}
   </div>
   <div class="dropdown-menu" id="dropdown-menu3" role="menu">
     <div class="dropdown-content">