rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: menu style improvements

Browse source
This commit is contained in:
swve 2023-05-16 23:43:08 +00:00
parent e52ff60d18
commit 43291fe8a7
1 changed files with 8 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

22
front/components/UI/Elements/Menu.tsx
View file

@ -14,7 +14,9 @@ export const Menu = (props : any ) => {
return ( return (
<GlobalHeader> <>
<div className="h-[60px]"></div>
<GlobalHeader className="backdrop-blur-lg bg-white/90 fixed top-0 left-0 right-0">
<LogoArea> <LogoArea>
<Logo> <Logo>
<Image width={25} height={25} src={learnhouseIcon} alt="" /> <Image width={25} height={25} src={learnhouseIcon} alt="" />
@ -28,7 +30,9 @@ export const Menu = (props : any ) => {
<Search> <Search>
<ToolTip content={<div> <ToolTip content={<div>
<p>{process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA}</p> <p>{process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA}</p>
</div>}><PreAlphaLabel>pre-alpha</PreAlphaLabel></ToolTip> </div>}><PreAlphaLabel
className="opacity-90 outline-dashed outline-2 outline-orange-200 bg-orange-100 text-orange-500"
>pre-alpha</PreAlphaLabel></ToolTip>
</Search> </Search>
</SearchArea> </SearchArea>
<MenuArea> <MenuArea>
@ -46,7 +50,7 @@ export const Menu = (props : any ) => {
</ul> </ul>
</MenuArea> </MenuArea>
<HeaderProfileBox></HeaderProfileBox> <HeaderProfileBox></HeaderProfileBox>
</GlobalHeader> </GlobalHeader></>
); );
}; };
@ -104,17 +108,7 @@ const Search = styled.div`
width: auto; width: auto;
`; `;
const SearchInput = styled.input`
box-shadow: inset 5px 6px 16px rgba(0, 0, 0, 0.01);
background: rgb(244 242 242 / 35%);
border-radius: 6px;
height: 50%;
border: none;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 10px;
color: #52525220;
`;
const MenuArea = styled.div` const MenuArea = styled.div`
display: flex; display: flex;