gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-24 06:34:25 +01:00
Code Issues Actions 20 Packages Projects Releases Wiki Activity

style/refactor: promote centered form as global style

Browse Source
This commit is contained in:
Adorian Doran 2026-02-10 01:26:07 +02:00
parent c06435046b
commit 29016d1cf5
3 changed files with 34 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
apps/client/src/stylesheets/theme-next/forms.css
View File

@ -810,3 +810,35 @@ input[type="range"] {
scrollbar-width: unset; scrollbar-width: unset;
} }
} }
/*
* Centered forms
*/
.tn-centered-form {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20vh;
}
.tn-centered-form .form-group {
text-align: center;
color: var(--muted-text-color);
}
.tn-centered-form .form-icon {
font-size: 140px;
color: var(--main-border-color);
}
.tn-centered-form .protected-session-password {
margin-inline: auto;
max-width: 350px;
text-align: center;
}
.tn-centered-form input,
.tn-centered-form button {
margin-top: 12px;
}

31
apps/client/src/widgets/type_widgets/ProtectedSession.css
View File

@ -3,33 +3,4 @@
margin-inline: 40px; margin-inline: 40px;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
}
.protected-session-password-form {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20vh;
}
.form-group {
text-align: center;
color: var(--muted-text-color);
}
.form-icon {
font-size: 140px;
color: var(--main-border-color);
}
.protected-session-password {
margin-inline: auto;
max-width: 350px;
text-align: center;
}
input,
button {
margin-top: 12px;
}
}

2
apps/client/src/widgets/type_widgets/ProtectedSession.tsx
View File

@ -20,7 +20,7 @@ export default function ProtectedSession() {
}, [ passwordRef ]); }, [ passwordRef ]);
return ( return (
<form class="protected-session-password-form" onSubmit={submitCallback}> <form class="protected-session-password-form tn-centered-form" onSubmit={submitCallback}>
<span class="form-icon bx bx-key" /> <span class="form-icon bx bx-key" />
<FormGroup name="protected-session-password-in-detail" label={t("protected_session.enter_password_instruction")}> <FormGroup name="protected-session-password-in-detail" label={t("protected_session.enter_password_instruction")}>