fix(web): standardize modal button layout across all dialog modals

Apply symmetrical full-width button pattern to:
- Delete Identity dialog (ConnectedInstances)
- Transfer Ownership confirmation
- Image Crop modal
This commit is contained in:
Jannis Braun
2026-04-03 01:15:14 +02:00
parent 5b9b7fc107
commit a07f2314ed
3 changed files with 9 additions and 9 deletions
@@ -122,11 +122,11 @@ export function ImageCropModal({
</div>
{/* Actions */}
<div className="flex justify-end gap-2 p-4">
<div className="flex gap-3 p-4">
<button
type="button"
onClick={onClose}
className="px-4 py-2 text-sm text-txt-secondary hover:text-txt-primary transition-colors"
className="flex-1 py-2.5 text-sm font-medium text-txt-secondary bg-interactive-hover hover:bg-interactive-selected rounded-lg transition-colors"
>
Cancel
</button>
@@ -134,7 +134,7 @@ export function ImageCropModal({
type="button"
onClick={handleApply}
disabled={isProcessing || !croppedAreaPixels}
className="px-4 py-2 bg-accent-primary hover:bg-accent-primary/80 text-white text-sm font-medium rounded transition-colors disabled:opacity-50"
className="flex-1 py-2.5 bg-accent-primary hover:bg-accent-primary/80 text-white text-sm font-medium rounded-lg transition-colors disabled:opacity-50"
>
{isProcessing ? 'Applying...' : 'Apply'}
</button>