Mobile improvements

This commit is contained in:
Kurvaz 2026-01-02 05:03:18 -07:00
parent 4029c8cc32
commit 50430a43f4
4 changed files with 8 additions and 8 deletions

View file

@ -82,13 +82,13 @@
<!-- Header -->
<div class="p-3 flex items-start justify-between gap-2">
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2">
<span class="text-sm font-medium text-surface-200">
<div class="flex flex-wrap items-center gap-x-2 gap-y-0.5">
<span class="text-sm font-medium text-surface-200 shrink-0">
Chapter {chapter.number}
</span>
{#if chapter.title}
<span class="text-sm text-surface-400"></span>
<span class="text-sm text-primary-400 truncate">{chapter.title}</span>
<span class="text-sm text-surface-400 hidden sm:inline"></span>
<span class="text-sm text-primary-400 truncate max-w-[150px] sm:max-w-none">{chapter.title}</span>
{/if}
</div>
</div>

View file

@ -62,7 +62,7 @@
<!-- Modal -->
<div
class="fixed inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-lg mx-auto"
class="fixed inset-x-2 sm:inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-lg mx-auto max-h-[90vh] flex flex-col"
transition:fly={{ y: 20, duration: 200 }}
>
<div class="bg-surface-800 rounded-xl shadow-xl overflow-hidden">

View file

@ -69,13 +69,13 @@
</div>
<!-- Token Count -->
<div class="flex items-center justify-between text-sm">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-1 sm:gap-0 text-sm">
<span class="text-surface-400">
<span class="font-medium text-surface-200">{formatNumber(tokensOutsideBuffer)}</span>
<span class="text-surface-500"> / {formatNumber(threshold)}</span>
<span class="text-surface-500"> tokens</span>
</span>
<span class="text-surface-500">
<span class="text-surface-500 text-xs sm:text-sm">
{messagesSinceLastChapter} messages
{#if bufferSize > 0}
<span class="text-surface-600">({bufferSize} protected)</span>

View file

@ -46,7 +46,7 @@
<!-- Modal -->
<div
class="fixed inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-md mx-auto"
class="fixed inset-x-2 sm:inset-x-4 top-1/2 -translate-y-1/2 z-50 max-w-md mx-auto max-h-[90vh] flex flex-col"
transition:fly={{ y: 20, duration: 200 }}
>
<div class="bg-surface-800 rounded-xl shadow-xl overflow-hidden">