Spaces:
Sleeping
Sleeping
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 |
-
|
| 392 |
-
|
| 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
|
| 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
|
| 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 |
} */
|