diff --git a/modules/restricted-guests/element-web/src/RegisterDialog.tsx b/modules/restricted-guests/element-web/src/RegisterDialog.tsx index 504f266600..1c65708b03 100644 --- a/modules/restricted-guests/element-web/src/RegisterDialog.tsx +++ b/modules/restricted-guests/element-web/src/RegisterDialog.tsx @@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details. import { type FC, useState, type JSX, type FormEvent } from "react"; import { type Api, type AccountAuthInfo, type DialogProps } from "@element-hq/element-web-module-api"; import { Form } from "@vector-im/compound-web"; +import styled from "styled-components"; import { type ModuleConfig } from "./config.ts"; @@ -22,6 +23,12 @@ const enum State { Error, } +const StyledFormRoot = styled(Form.Root)` + font: var(--cpd-font-body-md-regular); + letter-spacing: var(--cpd-font-letter-spacing-body-md); + font-feature-settings: normal; +`; + const RegisterDialog: FC = ({ api, config, onCancel, onSubmit }) => { const [username, setUsername] = useState(""); const [state, setState] = useState(State.Idle); @@ -61,7 +68,7 @@ const RegisterDialog: FC = ({ api, config, onCancel, onSubm const disabled = state !== State.Idle; return ( - + {api.i18n.translate("register_dialog_register_username_label")} = ({ api, config, onCancel, onSubm {api.i18n.translate("register_dialog_continue_label")} - + ); }; diff --git a/modules/restricted-guests/element-web/tests/snapshots/restricted-guests.spec.ts/dialog-linux.png b/modules/restricted-guests/element-web/tests/snapshots/restricted-guests.spec.ts/dialog-linux.png index b95326afce..f053bea1d8 100644 Binary files a/modules/restricted-guests/element-web/tests/snapshots/restricted-guests.spec.ts/dialog-linux.png and b/modules/restricted-guests/element-web/tests/snapshots/restricted-guests.spec.ts/dialog-linux.png differ