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">
<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>
</div>

View File

@ -100,6 +100,13 @@
margin-bottom: 6px;
}
.options-section .alert {
margin-bottom: 8px;
background: var(--alert-bar-background) !important;
border-radius: 8px;
font-size: .85em;
}
/* Appeareance */
.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;
margin: 8px 0 0 0;
border: unset;