fix: improve responsiveness for mobile view

2025-12-11 03:34:35 +00:00 · 2022-08-04 22:57:21 +05:00
parent 34cd84d8a9
commit 6ef40b954a
4 changed files with 201 additions and 71 deletions
--- a/web/src/components/username.tsx
+++ b/web/src/components/username.tsx
@@ -20,7 +20,14 @@ const Username = (props: any) => {
      ) : (
        <AccountCircle></AccountCircle>
      )}
-      <Typography variant="h6" sx={{ color: 'white', padding: '0 8px' }}>
+      <Typography
+        variant="h6"
+        sx={{
+          color: 'white',
+          padding: '0 8px',
+          display: { xs: 'none', md: 'flex' }
+        }}
+      >
        {props.username}
      </Typography>
    </IconButton>