victor HF Staff commited on
Commit
fd6c311
·
1 Parent(s): c49fd55

input quick fix

Browse files

send button was hidden on mobile

src/lib/components/chat/ChatInput.svelte CHANGED
@@ -121,7 +121,7 @@
121
  ) satisfies ToolFront[];
122
  </script>
123
 
124
- <div class="min-h-full flex-1" on:paste>
125
  <div class="relative w-full min-w-0">
126
  <textarea
127
  enterkeyhint={!isVirtualKeyboard() ? "enter" : "send"}
@@ -142,7 +142,7 @@
142
  </div>
143
  {#if !assistant}
144
  <div
145
- class="scrollbar-custom -ml-0.5 flex max-w-[90dvw] flex-wrap items-center justify-start gap-2.5 px-3 pb-2.5
146
  text-gray-500 dark:text-gray-400 max-md:flex-nowrap max-md:overflow-x-auto"
147
  >
148
  {#if modelIsMultimodal || modelHasTools}
 
121
  ) satisfies ToolFront[];
122
  </script>
123
 
124
+ <div class="min-h-full flex-1 max-w-full overflow-hidden" on:paste>
125
  <div class="relative w-full min-w-0">
126
  <textarea
127
  enterkeyhint={!isVirtualKeyboard() ? "enter" : "send"}
 
142
  </div>
143
  {#if !assistant}
144
  <div
145
+ class="scrollbar-custom -ml-0.5 flex max-w-[calc(100%-40px)] flex-wrap items-center justify-start gap-2 sm:gap-2.5 px-3 pb-2.5 pt-0.5
146
  text-gray-500 dark:text-gray-400 max-md:flex-nowrap max-md:overflow-x-auto"
147
  >
148
  {#if modelIsMultimodal || modelHasTools}
src/lib/components/chat/ChatWindow.svelte CHANGED
@@ -4,7 +4,6 @@
4
 
5
  import CarbonSendAltFilled from "~icons/carbon/send-alt-filled";
6
  import CarbonExport from "~icons/carbon/export";
7
- import CarbonStopFilledAlt from "~icons/carbon/stop-filled-alt";
8
  import CarbonCheckmark from "~icons/carbon/checkmark";
9
  import CarbonCaretDown from "~icons/carbon/caret-down";
10
 
@@ -455,19 +454,15 @@
455
 
456
  {#if loading}
457
  <button
458
- class="btn mx-1 my-1 inline-block h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40 md:hidden"
459
- on:click={() => dispatch("stop")}
460
  >
461
- <CarbonStopFilledAlt />
462
  </button>
463
- <div
464
- class="mx-1 my-1 hidden h-[2.4rem] items-center p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40 md:flex"
465
- >
466
- <EosIconsLoading />
467
- </div>
468
  {:else}
469
  <button
470
- class="btn mx-1 my-1 h-[2.4rem] self-end rounded-lg bg-transparent p-1 px-[0.7rem] text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40"
471
  disabled={!message || isReadOnly}
472
  type="submit"
473
  aria-label="Send message"
 
4
 
5
  import CarbonSendAltFilled from "~icons/carbon/send-alt-filled";
6
  import CarbonExport from "~icons/carbon/export";
 
7
  import CarbonCheckmark from "~icons/carbon/checkmark";
8
  import CarbonCaretDown from "~icons/carbon/caret-down";
9
 
 
454
 
455
  {#if loading}
456
  <button
457
+ disabled
458
+ class="btn absolute bottom-1 right-0.5 size-10 self-end rounded-lg bg-transparent text-gray-400 "
459
  >
460
+ <EosIconsLoading />
461
  </button>
462
+
 
 
 
 
463
  {:else}
464
  <button
465
+ class="btn absolute bottom-1 right-0.5 size-10 self-end rounded-lg bg-transparent text-gray-400 enabled:hover:text-gray-700 disabled:opacity-60 enabled:dark:hover:text-gray-100 dark:disabled:opacity-40"
466
  disabled={!message || isReadOnly}
467
  type="submit"
468
  aria-label="Send message"