victor HF Staff commited on
Commit
1796fda
·
1 Parent(s): 9d03b5a

style: update no scrollbar styles

Browse files
src/lib/components/chat/ChatWindow.svelte CHANGED
@@ -387,15 +387,9 @@
387
  {/if}
388
  </div>
389
 
390
- <ScrollToPreviousBtn
391
- class="fixed right-4 max-md:bottom-[calc(50%+26px)] md:bottom-48 lg:right-10"
392
- scrollNode={chatContainer}
393
- />
394
-
395
- <ScrollToBottomBtn
396
- class="fixed right-4 max-md:bottom-[calc(50%-26px)] md:bottom-36 lg:right-10"
397
- scrollNode={chatContainer}
398
- />
399
  </div>
400
 
401
  <div
@@ -407,7 +401,7 @@
407
  >
408
  {#if !message.length && !messages.length && !sources.length && !loading && currentModel.isRouter && routerExamples.length && !hideRouterExamples}
409
  <div
410
- class="mb-3 flex w-full select-none justify-start gap-2 overflow-x-auto whitespace-nowrap text-gray-400 [scrollbar-width:none;] dark:text-gray-500"
411
  >
412
  {#each routerExamples as ex}
413
  <button
@@ -419,7 +413,7 @@
419
  {/if}
420
  {#if shouldShowRouterFollowUps}
421
  <div
422
- class="mb-3 flex w-full select-none justify-start gap-2 overflow-x-auto whitespace-nowrap text-gray-400 [scrollbar-width:none;] dark:text-gray-500"
423
  >
424
  <!-- <span class=" text-gray-500 dark:text-gray-400">Follow ups</span> -->
425
  {#each routerFollowUps as followUp}
 
387
  {/if}
388
  </div>
389
 
390
+ <ScrollToPreviousBtn class="fixed bottom-48 right-4 lg:right-10" scrollNode={chatContainer} />
391
+
392
+ <ScrollToBottomBtn class="fixed bottom-36 right-4 lg:right-10" scrollNode={chatContainer} />
 
 
 
 
 
 
393
  </div>
394
 
395
  <div
 
401
  >
402
  {#if !message.length && !messages.length && !sources.length && !loading && currentModel.isRouter && routerExamples.length && !hideRouterExamples}
403
  <div
404
+ class="no-scrollbar mb-3 flex w-full select-none justify-start gap-2 overflow-x-auto whitespace-nowrap text-gray-400 dark:text-gray-500"
405
  >
406
  {#each routerExamples as ex}
407
  <button
 
413
  {/if}
414
  {#if shouldShowRouterFollowUps}
415
  <div
416
+ class="no-scrollbar mb-3 flex w-full select-none justify-start gap-2 overflow-x-auto whitespace-nowrap text-gray-400 dark:text-gray-500"
417
  >
418
  <!-- <span class=" text-gray-500 dark:text-gray-400">Follow ups</span> -->
419
  {#each routerFollowUps as followUp}
src/styles/main.css CHANGED
@@ -49,6 +49,10 @@
49
  border-bottom-width: 0;
50
  }
51
 
 
 
 
 
52
  /* .scrollbar-custom {
53
  @apply scrollbar-thin scrollbar-track-transparent scrollbar-thumb-black/10 scrollbar-thumb-rounded-full scrollbar-w-1 hover:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/10 dark:hover:scrollbar-thumb-white/20;
54
  } */
 
49
  border-bottom-width: 0;
50
  }
51
 
52
+ .no-scrollbar {
53
+ @apply [-ms-overflow-style:none] [scrollbar-width:none] [&::-ms-scrollbar]:hidden [&::-webkit-scrollbar]:hidden;
54
+ }
55
+
56
  /* .scrollbar-custom {
57
  @apply scrollbar-thin scrollbar-track-transparent scrollbar-thumb-black/10 scrollbar-thumb-rounded-full scrollbar-w-1 hover:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/10 dark:hover:scrollbar-thumb-white/20;
58
  } */