Polish UI: consistent icon buttons, tooltips, modal backdrop close, and top bar layout
- Standardize icon button sizing (size="icon") and color (text-muted-foreground) across top and bottom bars - Group bottom bar icon buttons with gap-0 to match top bar style - Add missing tooltips/aria-labels for stat block viewer, bulk import buttons - Replace Settings icon with Library for source manager - Make step forward/back buttons use primary (solid) variant - Move round badge next to combatant name in center of top bar - Close player create/edit and management modals on backdrop click Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -28,8 +28,16 @@ export function PlayerManagement({
|
||||
if (!open) return null;
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
|
||||
<div className="w-full max-w-md rounded-lg border border-border bg-card p-6 shadow-xl">
|
||||
// biome-ignore lint/a11y/noStaticElementInteractions: backdrop click to close
|
||||
<div
|
||||
className="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
|
||||
onMouseDown={onClose}
|
||||
>
|
||||
{/* biome-ignore lint/a11y/noStaticElementInteractions: prevent close when clicking modal content */}
|
||||
<div
|
||||
className="w-full max-w-md rounded-lg border border-border bg-card p-6 shadow-xl"
|
||||
onMouseDown={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div className="mb-4 flex items-center justify-between">
|
||||
<h2 className="text-lg font-semibold text-foreground">
|
||||
Player Characters
|
||||
|
||||
Reference in New Issue
Block a user