mirror of
https://github.com/AventurasTeam/Aventuras.git
synced 2026-04-28 03:40:11 +00:00
Mobile improvements
This commit is contained in:
parent
4029c8cc32
commit
50430a43f4
4 changed files with 8 additions and 8 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue