kaffa/anvil-hosting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Widen modal and message bubbles for better text display

Browse Source 
- Modal: max-w-md → max-w-lg sm:max-w-xl (512px/576px)
- Message bubbles: max-w-[85%] → max-w-[95%]

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
kappa
2026-01-20 20:57:02 +09:00
parent f41ef0465a
commit 9cb86438ea
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -659,7 +659,7 @@
role="dialog"
aria-modal="true"
aria-labelledby="launcher-title"
class="bg-slate-900/95 backdrop-blur-xl border border-white/10 w-[calc(100%-2rem)] max-w-md sm:max-w-lg mx-4 rounded-3xl shadow-2xl shadow-black/50 overflow-hidden flex flex-col max-h-[85vh]">
class="bg-slate-900/95 backdrop-blur-xl border border-white/10 w-[calc(100%-2rem)] max-w-lg sm:max-w-xl mx-4 rounded-3xl shadow-2xl shadow-black/50 overflow-hidden flex flex-col max-h-[85vh]">
<!-- Modal Header -->
<div class="px-4 py-3 border-b border-white/5 flex justify-between items-center flex-shrink-0">
@@ -683,7 +683,7 @@
<div :class="msg.type === 'bot'
? 'bg-slate-800 text-slate-200 rounded-2xl rounded-tl-sm'
: 'bg-brand-500 text-white rounded-2xl rounded-tr-sm'"
class="px-4 py-2.5 max-w-[85%] text-sm">
class="px-4 py-2.5 max-w-[95%] text-sm">
<span x-text="msg.text"></span>
</div>
</div>