Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-14 20:11:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust position of selectors

Browse Source
This commit is contained in:
Nicola Benaglia 2025-05-29 09:25:29 +02:00
parent e68317da3a
commit 5cf3e94b8e
3 changed files with 57 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/App.tsx
View File

@ -307,7 +307,7 @@ function App() {
const [sendqortState, setSendqortState] = useState<any>(null);
const [isLoading, setIsLoading] = useState<boolean>(false);
const [isLoadingSendCoin, setIsLoadingSendCoin] = useState<boolean>(false);
const isAuthenticated = extState === 'authenticated';
const { t } = useTranslation([
'auth',
'core',
@ -3959,8 +3959,27 @@ function App() {
/>
)}
<LanguageSelector />
<ThemeSelector />
{!isAuthenticated && (
<Box
sx={{
alignItems: 'flex-start',
bottom: '1%',
display: 'flex',
flexDirection: 'column',
left: '1%',
position: 'absolute',
width: 'auto',
}}
>
<Box sx={{ alignSelf: 'left' }}>
<LanguageSelector />
</Box>
<Box sx={{ alignSelf: 'center' }}>
<ThemeSelector />
</Box>
</Box>
)}
</AppContainer>
);
}

20
src/components/Apps/AppsHomeDesktop.tsx
View File

@ -170,9 +170,25 @@ export const AppsHomeDesktop = ({
/>
</AppsContainer>
<LanguageSelector />
<Box
sx={{
alignItems: 'flex-start',
bottom: '1%',
display: 'flex',
flexDirection: 'column',
left: '4px',
position: 'absolute',
width: 'auto',
}}
>
<Box sx={{ alignSelf: 'left' }}>
<LanguageSelector />
</Box>
<ThemeSelector />
<Box sx={{ alignSelf: 'center' }}>
<ThemeSelector />
</Box>
</Box>
</>
);
};

19
src/components/Desktop/DesktopLeftSideBar.tsx
View File

@ -151,9 +151,24 @@ export const DesktopSideBar = ({
</ButtonBase>
)}
<LanguageSelector />
<Box
sx={{
alignItems: 'flex-start',
bottom: '1%',
display: 'flex',
flexDirection: 'column',
position: 'absolute',
width: 'auto',
}}
>
<Box sx={{ alignSelf: 'left' }}>
<LanguageSelector />
</Box>
<ThemeSelector />
<Box sx={{ alignSelf: 'center' }}>
<ThemeSelector />
</Box>
</Box>
</Box>
);
};