paul/picpeak
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(usage): cap the update-prompt modal height so it scrolls on short viewports

Browse Source 
Found testing against WebKit at an iPhone-sized viewport: the fixed
overlay + flex-center wrapper has no height limit, so on a short
screen the title is clipped off the top and the "Maybe later" button
off the bottom, with no way to reach either. Capping the card at
max-h-[90vh] with its own overflow-y-auto keeps the backdrop static
and makes the card scroll internally instead.
This commit is contained in:
Paul Nothaft
2026-09-08 16:55:09 +02:00
parent d20f80112f
commit c61a6b089e
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/admin/UsageReportingPrompt.tsx
+1 -1
View File
@@ -56,7 +56,7 @@ export default function UsageReportingPrompt() {
return ( return (
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"> <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
<Card className="w-full max-w-md"> <Card className="w-full max-w-md max-h-[90vh] overflow-y-auto">
<div className="p-6 space-y-6"> <div className="p-6 space-y-6">
<div> <div>
<h2 className="text-lg font-semibold text-neutral-900 mb-1"> <h2 className="text-lg font-semibold text-neutral-900 mb-1">