style(next)/options: restyle the warning boxes

This commit is contained in:
Adorian Doran 2025-03-08 19:32:56 +02:00
parent f6e869f2ac
commit fc87f64840
3 changed files with 9 additions and 2 deletions

View File

@ -9,7 +9,7 @@ const TPL = `
<div class="options-section"> <div class="options-section">
<h4 class="password-heading">${t("password.heading")}</h4> <h4 class="password-heading">${t("password.heading")}</h4>
<div class="alert alert-warning" role="alert" style="font-weight: bold; color: red !important;"> <div class="alert alert-warning" role="alert">
${t("password.alert_message")} <a class="reset-password-button tn-link" href="javascript:">${t("password.reset_link")}</a> ${t("password.alert_message")} <a class="reset-password-button tn-link" href="javascript:">${t("password.reset_link")}</a>
</div> </div>

View File

@ -100,6 +100,13 @@
margin-bottom: 6px; margin-bottom: 6px;
} }
.options-section .alert {
margin-bottom: 8px;
background: var(--alert-bar-background) !important;
border-radius: 8px;
font-size: .85em;
}
/* Appeareance */ /* Appeareance */
.main-font-size-input-group, .main-font-size-input-group,

View File

@ -1904,7 +1904,7 @@ body.background-effects.zen #root-widget {
} }
} }
#center-pane div.alert { #center-pane .note-split > div.alert {
position: relative; position: relative;
margin: 8px 0 0 0; margin: 8px 0 0 0;
border: unset; border: unset;