Rename EncryptionDetails css classes

This commit is contained in:
Florian Duros
2025-01-13 10:46:31 +01:00
parent 9c13d3df7b
commit a5ccc9a9d3
2 changed files with 9 additions and 9 deletions

View File

@@ -5,7 +5,7 @@
* Please see LICENSE files in the repository root for full details. * Please see LICENSE files in the repository root for full details.
*/ */
.mx_AdvancedPanel_Details, .mx_EncryptionDetails,
.mx_OtherSettings { .mx_OtherSettings {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -13,7 +13,7 @@
width: 100%; width: 100%;
align-items: start; align-items: start;
.mx_AdvancedPanel_Details_title, .mx_EncryptionDetails_session_title,
.mx_OtherSettings_title { .mx_OtherSettings_title {
font: var(--cpd-font-body-lg-semibold); font: var(--cpd-font-body-lg-semibold);
padding-bottom: var(--cpd-space-2x); padding-bottom: var(--cpd-space-2x);
@@ -22,8 +22,8 @@
} }
} }
.mx_AdvancedPanel_Details { .mx_EncryptionDetails {
.mx_AdvancedPanel_Details_content { .mx_EncryptionDetails_session {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--cpd-space-4x); gap: var(--cpd-space-4x);
@@ -43,7 +43,7 @@
} }
} }
.mx_AdvancedPanel_buttons { .mx_EncryptionDetails_buttons {
display: flex; display: flex;
gap: var(--cpd-space-4x); gap: var(--cpd-space-4x);
} }

View File

@@ -61,9 +61,9 @@ function EncryptionDetails({ onResetIdentityClick }: EncryptionDetails): JSX.Ele
); );
return ( return (
<div className="mx_AdvancedPanel_Details"> <div className="mx_EncryptionDetails">
<div className="mx_AdvancedPanel_Details_content"> <div className="mx_EncryptionDetails_session">
<span className="mx_AdvancedPanel_Details_title"> <span className="mx_EncryptionDetails_session_title">
{_t("settings|encryption|advanced|details_title")} {_t("settings|encryption|advanced|details_title")}
</span> </span>
<div> <div>
@@ -75,7 +75,7 @@ function EncryptionDetails({ onResetIdentityClick }: EncryptionDetails): JSX.Ele
<span>{keys ? keys.ed25519 : <InlineSpinner />}</span> <span>{keys ? keys.ed25519 : <InlineSpinner />}</span>
</div> </div>
</div> </div>
<div className="mx_AdvancedPanel_buttons"> <div className="mx_EncryptionDetails_buttons">
<Button <Button
size="sm" size="sm"
kind="secondary" kind="secondary"