coco/ixion
coco
/
ixion
mirror of https://github.com/cocosolos/ixion.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve shadows in search box

This commit is contained in:
Corey 2024-05-13 01:20:28 -04:00
parent 9e598dc280
commit 5d3d823c34
Signed by: coco
GPG Key ID: 051138DA6AEE3E60
1 changed files with 548 additions and 551 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/components/Header/SearchServers.tsx
View File

@ -131,24 +131,20 @@ export default function SearchServers({
}; };
return ( return (
<Container <Box
ref={containerRef} ref={containerRef}
className="overflow-hidden" className="overflow-hidden"
sx={{ sx={{
transition: 'all 0.3s ease', transition: 'all 0.3s ease',
maxHeight: showSearchServer ? contentHeight : 0, maxHeight: showSearchServer ? contentHeight : 0,
borderBottom: showSearchServer
? (theme) =>
theme.palette.mode === 'dark'
? '1px solid rgba(255, 255, 255, .12)'
: '1px solid rgba(0, 0, 0, .12)'
: 'none',
backgroundColor: (theme) => backgroundColor: (theme) =>
theme.palette.mode === 'dark' theme.palette.mode === 'dark'
? 'rgba(255, 255, 255, .06)' ? 'rgba(255, 255, 255, .06)'
: 'rgba(0, 0, 0, .06)', : 'rgba(0, 0, 0, .06)',
boxShadow: 'inset 0em 3em 5em -5em black,inset 0em -3em 5em -6em black',
}} }}
> >
<Container>
<Grid container spacing={2} className="py-2"> <Grid container spacing={2} className="py-2">
{/* Name */} {/* Name */}
<Grid item xs={12}> <Grid item xs={12}>
@ -703,5 +699,6 @@ export default function SearchServers({
</Grid> </Grid>
</Grid> </Grid>
</Container> </Container>
</Box>
); );
} }