fix ui

nina-protocol · Feb 1, 2024 · 397f435 · 397f435
1 parent 038ae1b
commit 397f435
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/js/hubs/components/NavBar.js b/js/hubs/components/NavBar.js
@@ -173,7 +173,7 @@ const NavBar = ({ hubPubkey }) => {
             </LogoLinkWrapper>
           </a>
         </Link>
-        <Typography style={{ display: 'flex', cursor: 'default' }}>
+        <Redirect style={{ display: 'flex', cursor: 'default' }}>
           {' '}
           This subdomain will soon be deprecated. Please visit{' '}
           <BlueTypography style={{ margin: '0 4px' }}>
@@ -182,7 +182,7 @@ const NavBar = ({ hubPubkey }) => {
             </Link>
           </BlueTypography>
           to access or create hubs{' '}
-        </Typography>
+        </Redirect>
         <CtaWrapper>
           {!mobileView && canAddContent && getMenuButtons(hubData?.handle)}
           {!wallet?.connected && (
@@ -376,6 +376,17 @@ const CtaWrapper = styled(Box)(({ theme }) => ({
   alignItems: 'center',
 }))
 
+const Redirect = styled(Typography)(({ theme }) => ({
+  display: 'flex',
+  alignItems: 'center',
+  [theme.breakpoints.down('md')]: {
+    width: '80vw',
+    margin: '140px auto',
+    display: 'flex',
+    flexDirection: 'column',
+  },
+}))
+
 const StyledAppBar = styled(AppBar)(({ theme }) => ({
   backgroundColor: theme.palette.background.default,
   color: 'black',