fix: raise the chat scroll fade so a short block still shows one

This commit is contained in:
AlexRV12
2026-09-03 16:31:55 +02:00
parent 0edb8fabc8
commit ff9b3064b6
3 changed files with 7 additions and 4 deletions
@@ -160,7 +160,10 @@
having scrolled down is itself the knowledge that there is more up there. -->
{#if fades.bottom}
<div
class={twMerge('pointer-events-none absolute inset-x-0 bottom-0 h-[min(2rem,25%)]', fadeTo)}
class={twMerge(
'pointer-events-none absolute inset-x-0 bottom-0 h-[min(2.5rem,35%)]',
fadeTo
)}
></div>
{/if}
</div>
@@ -438,11 +438,11 @@
on the wrong colour and leave a band at the very edge. -->
{#if fades.bottom && fadeBody}
<div
class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2rem,25%)] bg-gradient-to-t from-surface via-surface/60 to-transparent"
class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2.5rem,35%)] bg-gradient-to-t from-surface via-surface/60 to-transparent"
></div>
{#if activeTab === 'logs'}
<div
class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2rem,25%)] bg-gradient-to-t from-surface-secondary/50 via-surface-secondary/30 to-transparent"
class="pointer-events-none absolute inset-x-0 bottom-0 h-[min(2.5rem,35%)] bg-gradient-to-t from-surface-secondary/50 via-surface-secondary/30 to-transparent"
></div>
{/if}
{/if}
@@ -138,7 +138,7 @@
</div>
{#if showFade && fades.bottom}
<div
class="absolute bottom-0 left-0 right-0 h-[min(2rem,25%)] pointer-events-none bg-gradient-to-t from-surface via-surface/70 via-surface/40 to-transparent"
class="absolute bottom-0 left-0 right-0 h-[min(2.5rem,35%)] pointer-events-none bg-gradient-to-t from-surface via-surface/70 to-transparent"
></div>
{/if}
</div>