icebear0828 Claude Opus 4.6 commited on
Commit
2adeb3b
·
1 Parent(s): 03bbe2a

fix: UpdateModal dialog narrow strip caused by UA fit-content conflict

Browse files

Move sizing (max-w-lg) from <dialog> to inner div; dialog now spans
full viewport as transparent flex container with inset-0 + max-w-none,
completely bypassing browser UA style constraints.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Files changed (1) hide show
  1. web/src/components/UpdateModal.tsx +2 -2
web/src/components/UpdateModal.tsx CHANGED
@@ -58,9 +58,9 @@ export function UpdateModal({
58
  ref={dialogRef}
59
  onClick={handleBackdropClick}
60
  onCancel={handleCancel}
61
- class="backdrop:bg-black/50 bg-transparent p-0 m-auto max-w-lg w-full open:flex"
62
  >
63
- <div class="w-full bg-white dark:bg-card-dark rounded-xl shadow-2xl border border-gray-200 dark:border-border-dark overflow-hidden">
64
  {/* Header */}
65
  <div class="px-5 py-4 border-b border-gray-200 dark:border-border-dark flex items-center justify-between">
66
  <h2 class="text-base font-bold text-slate-800 dark:text-text-main">
 
58
  ref={dialogRef}
59
  onClick={handleBackdropClick}
60
  onCancel={handleCancel}
61
+ class="backdrop:bg-black/50 bg-transparent p-0 m-0 max-w-none max-h-none inset-0 open:flex open:items-center open:justify-center"
62
  >
63
+ <div class="w-full max-w-lg bg-white dark:bg-card-dark rounded-xl shadow-2xl border border-gray-200 dark:border-border-dark overflow-hidden">
64
  {/* Header */}
65
  <div class="px-5 py-4 border-b border-gray-200 dark:border-border-dark flex items-center justify-between">
66
  <h2 class="text-base font-bold text-slate-800 dark:text-text-main">