Enforce equal 40% widths for confirm dialog actions.
Wrap Cancel and Apply & Restart in fixed-percentage containers so Button content sizing cannot skew the centered pair. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com>
This commit is contained in:
co-authored by
Serhii Dziupin
parent
12715c6e73
commit
fbdc0830db
@@ -151,22 +151,26 @@ export const OpenCodeReloadFooterAction: React.FC<OpenCodeReloadFooterActionProp
|
|||||||
{/* Plain stack — avoid DialogFooter (sm:flex-row) fighting this layout */}
|
{/* Plain stack — avoid DialogFooter (sm:flex-row) fighting this layout */}
|
||||||
<div className="flex w-full flex-col items-center gap-3">
|
<div className="flex w-full flex-col items-center gap-3">
|
||||||
<div className="flex w-full items-stretch justify-center gap-3">
|
<div className="flex w-full items-stretch justify-center gap-3">
|
||||||
<Button
|
<div className="w-[40%] min-w-0 shrink-0">
|
||||||
type="button"
|
<Button
|
||||||
variant="outline"
|
type="button"
|
||||||
className="h-9 w-[40%] min-w-0 shrink-0 normal-case"
|
variant="outline"
|
||||||
onClick={() => setConfirmOpen(false)}
|
className="h-9 w-full normal-case"
|
||||||
>
|
onClick={() => setConfirmOpen(false)}
|
||||||
{t('settings.view.pendingRestart.confirm.cancel')}
|
>
|
||||||
</Button>
|
{t('settings.view.pendingRestart.confirm.cancel')}
|
||||||
<Button
|
</Button>
|
||||||
type="button"
|
</div>
|
||||||
variant="default"
|
<div className="w-[40%] min-w-0 shrink-0">
|
||||||
className="h-9 w-[40%] min-w-0 shrink-0 normal-case"
|
<Button
|
||||||
onClick={handleConfirmApply}
|
type="button"
|
||||||
>
|
variant="default"
|
||||||
{t('settings.view.actions.applyAndRestartOpenCode')}
|
className="h-9 w-full normal-case"
|
||||||
</Button>
|
onClick={handleConfirmApply}
|
||||||
|
>
|
||||||
|
{t('settings.view.actions.applyAndRestartOpenCode')}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
|
|||||||
Reference in New Issue
Block a user