studio/meet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(frontend) center titles in prejoin components

Browse Source 
In non-French languages, the title may be long enough
to span two lines. Ensure the text is centered.
This commit is contained in:
lebaudantoine
2025-03-25 13:35:58 +01:00
committed by aleb_the_flash
parent 0af30ec366
commit 6b38a3c996
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/frontend/src/features/rooms/components/Join.tsx
View File

@@ -298,7 +298,7 @@ export const Join = ({
case ApiLobbyStatus.TIMEOUT: case ApiLobbyStatus.TIMEOUT:
return ( return (
<VStack alignItems="center" textAlign="center"> <VStack alignItems="center" textAlign="center">
<H lvl={1} margin={false}> <H lvl={1} margin={false} centered>
{t('timeoutInvite.title')} {t('timeoutInvite.title')}
</H> </H>
<Text as="p" variant="note"> <Text as="p" variant="note">
@@ -310,7 +310,7 @@ export const Join = ({
case ApiLobbyStatus.DENIED: case ApiLobbyStatus.DENIED:
return ( return (
<VStack alignItems="center" textAlign="center"> <VStack alignItems="center" textAlign="center">
<H lvl={1} margin={false}> <H lvl={1} margin={false} centered>
{t('denied.title')} {t('denied.title')}
</H> </H>
<Text as="p" variant="note"> <Text as="p" variant="note">
@@ -322,7 +322,7 @@ export const Join = ({
case ApiLobbyStatus.WAITING: case ApiLobbyStatus.WAITING:
return ( return (
<VStack alignItems="center" textAlign="center"> <VStack alignItems="center" textAlign="center">
<H lvl={1} margin={false}> <H lvl={1} margin={false} centered>
{t('waiting.title')} {t('waiting.title')}
</H> </H>
<Text <Text
@@ -346,7 +346,7 @@ export const Join = ({
}} }}
> >
<VStack marginBottom={1}> <VStack marginBottom={1}>
<H lvl={1} margin="sm"> <H lvl={1} margin="sm" centered>
{t('heading')} {t('heading')}
</H> </H>
<Field <Field