style: fixed profile position

w3b3d3v · Oct 19, 2023 · 3375907 · 3375907
1 parent 285b2ce
commit 3375907
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/components/Cover/CoverHomeTasks.tsx b/src/components/Cover/CoverHomeTasks.tsx
@@ -7,7 +7,6 @@ import {
 const CoverHomeTasks = () => {
     const theme = useTheme();
     const  mdDown  = useMediaQuery(theme.breakpoints.down('md'));
-    const  xsDown  = useMediaQuery(theme.breakpoints.down('xs'));
     const  smDown  = useMediaQuery(theme.breakpoints.down('sm'));
     return (
         <Box display={'flex'} justifyContent={'center'} alignItems={'center'} height={304} >
@@ -23,7 +22,7 @@ const CoverHomeTasks = () => {
 
             <Box >
                 <Box>
-                    <Typography color={theme.colors.primary} fontWeight={"bold"} fontSize={mdDown ? 35 : xsDown ? 20 : 50}>
+                    <Typography color={theme.colors.primary} fontWeight={"bold"} fontSize={smDown ? 20 : mdDown ? 30 : 50}>
                         WEB3TASK
                     </Typography>
                 </Box>

diff --git a/src/components/Cover/CoverUserProfile.tsx b/src/components/Cover/CoverUserProfile.tsx
@@ -6,13 +6,13 @@ import {
 const CoverCreateTask = () => {
     const theme = useTheme();
     const  mdDown  = useMediaQuery(theme.breakpoints.down('md'));
-    const  xsDown  = useMediaQuery(theme.breakpoints.down('xs'));
+    const  smDown  = useMediaQuery(theme.breakpoints.down('xs'));
     return (
         <Box display={'flex'} justifyContent={'center'} alignItems={'center'} height={304} flexDirection={"row"} >
 
             <Box ml={mdDown && 8}>
                 <Box style={{ zIndex: 3 }} >
-                    <Typography color={theme.colors.primary} fontWeight={"bold"} fontSize={mdDown ? 35 : xsDown ? 20 : 50}>
+                    <Typography  color={theme.colors.primary} fontWeight={"bold"} fontSize={smDown ? 20 : mdDown ? 30 : 50}>
                         PERSONAL PROFILE
                     </Typography>
                 </Box>

diff --git a/src/content/applications/Users/profile/UserProfile.tsx b/src/content/applications/Users/profile/UserProfile.tsx
@@ -108,7 +108,7 @@ const UserProfile = () => {
                             style={{
                                 position: 'absolute',
                                 top: 'calc(50%  + 180px)',
-                                left: smDown ? 'calc(50%  + 165px)' : mdDown ? 'calc(50%  + 210px)' : 'calc(50%  - 250px)',
+                                left: smDown ? 'calc(50%  + 200px)' : mdDown ? 'calc(50%  + 210px)' : 'calc(50%  - 250px)',
                                 transform: 'translate(-50%, -50%)',
                                 zIndex: 2,
                                 pointerEvents: 'none'