style(options/mfa): use admonitions

This commit is contained in:
Elian Doran 2025-03-29 00:40:36 +02:00
parent 25aa08bb4c
commit 4cde9253ed
No known key found for this signature in database

View File

@ -39,16 +39,14 @@ const TPL_WEB = `
<hr />
<h5>${t("multi_factor_authentication.totp_secret_title")}</h5>
<br />
<div class="alert alert-warning no-totp-secret" role="alert" style="font-weight: bold; color: red !important;">
<div class="admonition note no-totp-secret" role="alert">
${t("multi_factor_authentication.no_totp_secret_warning")}
</div>
<div class="alert alert-warning" role="alert" style="font-weight: bold; color: red !important;">
<div class="admonition warning" role="alert">
${t("multi_factor_authentication.totp_secret_description_warning")}
</div>
<br />
<button class="generate-totp btn btn-primary">
${t("multi_factor_authentication.totp_secret_generate")}
</button>
@ -57,13 +55,10 @@ const TPL_WEB = `
<h5>${t("multi_factor_authentication.recovery_keys_title")}</h5>
<p class="form-text">${t("multi_factor_authentication.recovery_keys_description")}</p>
<br />
<div class="alert alert-warning" role="alert" style="font-weight: bold; color: red !important;">
<div class="admonition caution">
${t("multi_factor_authentication.recovery_keys_description_warning")}
</div>
<br>
<table style="border: 0px solid white">
<tbody>
<tr>
@ -96,10 +91,10 @@ const TPL_WEB = `
<div class="oauth-options" style="display: none;">
<p class="form-text">${t("multi_factor_authentication.oauth_description")}</p>
<div class="alert alert-warning oauth-warning" role="alert" style="font-weight: bold; color: red !important;">
<div class="admonition note oauth-warning" role="alert">
${t("multi_factor_authentication.oauth_description_warning")}
</div>
<div class="alert alert-warning missing-vars" role="alert" style="font-weight: bold; color: red !important; display: none;"></div>
<div class="admonition caution missing-vars" role="alert" style="display: none;"></div>
<hr />
<div class="col-md-6">
<span><b>${t("multi_factor_authentication.oauth_user_account")}</b></span><span class="user-account-name">${t("multi_factor_authentication.oauth_user_not_logged_in")}</span>