Amalgamate duplicated CSS files

This commit is contained in:
David Baker
2025-02-10 10:49:58 +00:00
parent 9c4625d6a1
commit f0d9e05f85
5 changed files with 13 additions and 37 deletions

View File

@@ -51,9 +51,9 @@ export function DeleteKeyStoragePanel({ onFinish }: Props): JSX.Element {
Icon={ErrorIcon}
destructive={true}
title={_t("settings|encryption|delete_key_storage|title")}
className="mx_DeleteKeyStoragePanel"
className="mx_DestructiveComponent"
>
<div className="mx_DeleteKeyStoragePanel_content">
<div className="mx_DestructiveComponent_content">
{_t("settings|encryption|delete_key_storage|description")}
<VisualList>
<VisualListItem Icon={CrossIcon} destructive={true}>
@@ -64,7 +64,7 @@ export function DeleteKeyStoragePanel({ onFinish }: Props): JSX.Element {
</VisualListItem>
</VisualList>
</div>
<div className="mx_DeleteKeyStoragePanel_footer">
<div className="mx_DestructiveComponent_footer">
<Button destructive={true} onClick={onDeleteClick} disabled={busy}>
{_t("settings|encryption|delete_key_storage|confirm")}
</Button>

View File

@@ -58,9 +58,9 @@ export function ResetIdentityPanel({ onCancelClick, onFinish, variant }: ResetId
? _t("settings|encryption|advanced|breadcrumb_title_forgot")
: _t("settings|encryption|advanced|breadcrumb_title")
}
className="mx_ResetIdentityPanel"
className="mx_DestructiveComponent"
>
<div className="mx_ResetIdentityPanel_content">
<div className="mx_DestructiveComponent_content">
<VisualList>
<VisualListItem Icon={CheckIcon} success={true}>
{_t("settings|encryption|advanced|breadcrumb_first_description")}
@@ -74,7 +74,7 @@ export function ResetIdentityPanel({ onCancelClick, onFinish, variant }: ResetId
</VisualList>
{variant === "compromised" && <span>{_t("settings|encryption|advanced|breadcrumb_warning")}</span>}
</div>
<div className="mx_ResetIdentityPanel_footer">
<div className="mx_DestructiveComponent_footer">
<Button
destructive={true}
onClick={async (evt) => {