Spaces:
Paused
Paused
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 filesMove 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>
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-
|
| 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">
|