fix: issue #437

picsoritdidnthappen · Dec 24, 2024 · 6aef277 · 6aef277
1 parent a4b00d2
commit 6aef277
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 21 deletions.
diff --git a/src/components/layout/ContentHome.tsx b/src/components/layout/ContentHome.tsx
@@ -71,35 +71,32 @@ export default function ContentHome() {
             <Select
               id='sort-select'
               value={sortType}
-              className='h-full py-0 bg-[#D1ECFF]/20 text-bold bg-gradient-to-t from-white-200 from-10% via-30% to-50% rounded-full hover:border-white'
+              className='h-full py-0 rounded-full'
               sx={{
                 color: 'white',
                 '& .MuiSvgIcon-root': { color: 'white' },
                 '& fieldset': {
                   borderColor: 'white',
-                  '&:hover': {
-                    borderColor: 'white !important',
-                  },
                 },
-                '& .MuiSelect-select': {
-                  padding: '0 32px 0 12px !important',
-                  display: 'flex',
-                  alignItems: 'center',
-                  justifyContent: 'center',
-                  minWidth: '36px',
-                  minHeight: '36px',
-                  '@media (min-width: 768px)': {
-                    minHeight: '42px',
-                  },
+                '&:hover .MuiOutlinedInput-notchedOutline': {
+                  borderColor: 'white !important',
                 },
-                '&:hover': {
-                  '& fieldset': {
-                    borderColor: 'white !important',
-                  },
+                '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                  borderColor: 'white !important',
                 },
-                '&.Mui-focused': {
-                  '& fieldset': {
-                    borderColor: 'white !important',
+              }}
+              MenuProps={{
+                sx: {
+                  '& .MuiPaper-root': {
+                    backdropFilter: 'blur(8px)',
+                    background:
+                      'linear-gradient(to top, rgba(209, 236, 255, 0.2) 10%, rgba(209, 236, 255, 0.1) 30%, rgba(209, 236, 255, 0.05) 50%)',
+                    color: '#FFF',
+                    marginTop: '0.25rem',
+                  },
+                  '& .MuiMenuItem-root': {
+                    fontFamily: 'GeistMono-Regular',
+                    fontSize: '0.875rem',
                   },
                 },
               }}

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
@@ -88,6 +88,24 @@ const Header = () => {
             MenuListProps={{
               'aria-labelledby': 'basic-button',
             }}
+            sx={{
+              '& .MuiPaper-root': {
+                backdropFilter: 'blur(8px)',
+                background:
+                  'linear-gradient(to top, rgba(209, 236, 255, 0.2) 10%, rgba(209, 236, 255, 0.1) 30%, rgba(209, 236, 255, 0.05) 50%)',
+                color: '#FFF',
+                marginTop: '0.25rem',
+                fontFamily: 'GeistMono-Regular',
+                fontSize: '0.875rem',
+              },
+              '& .MuiMenuItem-root': {
+                fontFamily: 'GeistMono-Regular',
+                fontSize: '0.875rem',
+              },
+              '& .MuiList-root': {
+                gap: '1.25rem',
+              },
+            }}
           >
             {networks.map(({ href, Icon, name }) => (
               <MenuItem