Hugging Face's logo

Spaces:
Aitek
/
chat-ui
Runtime error

App Files Community
victor HF staff commited on
Commit
1cb774f
•
1 Parent(s): ca1c74b

mobile share

Browse files
Files changed (1) hide show
  1. src/lib/components/chat/ChatWindow.svelte +7 -5
src/lib/components/chat/ChatWindow.svelte CHANGED
@@ -22,7 +22,7 @@
22
  <div class="relative min-h-0">
23
  <ChatMessages {loading} {pending} {messages} on:message />
24
  <div
25
- class="flex flex-col max-md:border-t dark:border-gray-800 items-center max-md:dark:bg-gray-900 max-md:bg-white bg-gradient-to-t from-white via-white/80 to-white/0 dark:from-gray-900 dark:via-gray-80 dark:to-gray-900/0 justify-center absolute inset-x-0 max-w-3xl xl:max-w-4xl mx-auto px-5 bottom-0 py-4 md:py-8 w-full"
26
  >
27
  <form
28
  on:submit|preventDefault={() => {
@@ -45,17 +45,19 @@
45
  </button>
46
  </div>
47
  </form>
48
- <div class="flex text-xs text-gray-400/80 mt-2 justify-between self-stretch px-1">
49
  <p>
50
- Model: {PUBLIC_MODEL_NAME} · Generated content may be inaccurate or false.
 
51
  </p>
52
  {#if messages.length}
53
  <button
54
- class="flex items-center hover:underline hover:text-gray-400"
55
  type="button"
56
  on:click={() => dispatch("share")}
57
  >
58
- <CarbonExport class="text-[.6rem] mr-1.5 text-yellow-500" />Share this conversation
 
59
  </button>
60
  {/if}
61
  </div>
 
22
  <div class="relative min-h-0">
23
  <ChatMessages {loading} {pending} {messages} on:message />
24
  <div
25
+ class="flex flex-col max-md:border-t dark:border-gray-800 items-center max-md:dark:bg-gray-900 max-md:bg-white bg-gradient-to-t from-white via-white/80 to-white/0 dark:from-gray-900 dark:via-gray-80 dark:to-gray-900/0 justify-center absolute inset-x-0 max-w-3xl xl:max-w-4xl mx-auto px-3.5 sm:px-5 bottom-0 py-4 md:py-8 w-full"
26
  >
27
  <form
28
  on:submit|preventDefault={() => {
 
45
  </button>
46
  </div>
47
  </form>
48
+ <div class="flex text-xs text-gray-400/90 mt-2 justify-between self-stretch px-1 max-sm:gap-2">
49
  <p>
50
+ Model: {PUBLIC_MODEL_NAME} <span class="max-sm:hidden">·</span><br class="sm:hidden" /> Generated
51
+ content may be inaccurate or false.
52
  </p>
53
  {#if messages.length}
54
  <button
55
+ class="flex flex-none items-center hover:underline hover:text-gray-400 dark:max-sm:bg-gray-800 max-sm:bg-gray-50 max-sm:px-2.5 max-sm:rounded-lg"
56
  type="button"
57
  on:click={() => dispatch("share")}
58
  >
59
+ <CarbonExport class="text-[.6rem] sm:mr-1.5 sm:text-yellow-500" />
60
+ <div class="max-sm:hidden">Share this conversation</div>
61
  </button>
62
  {/if}
63
  </div>