Adapt width to language

This commit is contained in:
Nicola Benaglia 2025-05-28 22:40:40 +02:00
parent 808a9de1e4
commit 376c398932
4 changed files with 8 additions and 3 deletions

View File

@ -20,7 +20,7 @@ Translation in GUI:
- For all translation in uppercase `{ postProcess: 'capitalizeAll' }`
- See `.src/i18n/i18n.ts` for processor definition
## Namespace
## Namespaces
These are the current namespaces, in which all translations are organized:

View File

@ -357,7 +357,7 @@ export const AppsDesktop = ({
flexDirection: 'column',
gap: '25px',
height: '100vh',
width: '60px',
width: 'auto', // must adapt to the choosen language
}}
>
<ButtonBase

View File

@ -358,6 +358,7 @@ export const AppsDevModeHome = ({
<AppCircle>
<Add>+</Add>
</AppCircle>
<AppCircleLabel>
{t('core:directory', { postProcess: 'capitalizeFirstChar' })}
</AppCircleLabel>
@ -499,6 +500,7 @@ export const AppsDevModeHome = ({
postProcess: 'capitalizeFirstChar',
})}
</Label>
<Input
placeholder={t('core:domain', {
postProcess: 'capitalizeFirstChar',
@ -521,6 +523,7 @@ export const AppsDevModeHome = ({
postProcess: 'capitalizeFirstChar',
})}
</Label>
<Input
placeholder={t('core:port', {
postProcess: 'capitalizeFirstChar',

View File

@ -96,10 +96,11 @@ export const AppsHomeDesktop = ({
autoCorrect="off"
placeholder="qortal://"
sx={{
width: '100%',
backgroundColor: theme.palette.background.surface,
borderRadius: '7px',
color: theme.palette.text.primary,
height: '35px',
width: '100%',
'& .MuiInput-input::placeholder': {
color: theme.palette.text.secondary,
fontSize: '20px',
@ -170,6 +171,7 @@ export const AppsHomeDesktop = ({
</AppsContainer>
<LanguageSelector />
<ThemeSelector />
</>
);