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: remove search bar & add pre-alpha label

Browse source
This commit is contained in:
swve 2023-04-20 23:33:52 +02:00
parent a3b340c2f5
commit 2a3a1d18e6
1 changed files with 22 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,6 +7,7 @@ import learnhouseLogo from "public/learnhouse_logo.png";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import { getUriWithOrg } from "@services/config/config"; import { getUriWithOrg } from "@services/config/config";
import ToolTip from "../Tooltip/Tooltip";
export const Menu = (props : any ) => { export const Menu = (props : any ) => {
const orgslug = props.orgslug; const orgslug = props.orgslug;
@ -25,7 +26,9 @@ export const Menu = (props : any ) => {
</LogoArea> </LogoArea>
<SearchArea> <SearchArea>
<Search> <Search>
<SearchInput placeholder="find something" type="text" /> <ToolTip content={<div>
<p>{process.env.VERCEL_GIT_COMMIT_SHA}</p>
</div>}><PreAlphaLabel>pre-alpha</PreAlphaLabel></ToolTip>
</Search> </Search>
</SearchArea> </SearchArea>
<MenuArea> <MenuArea>
@ -59,6 +62,24 @@ const LogoArea = styled.div`
place-items: stretch; place-items: stretch;
`; `;
const PreAlphaLabel = styled.div`
display: flex;
place-items: center;
background: #FF9800;
border-radius: 6px;
height: 50%;
border: none;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
color: #ffffff;
font-size: 12px;
font-weight: bolder;
text-transform: uppercase;
`;
const Logo = styled.div` const Logo = styled.div`
display: flex; display: flex;
place-items: center; place-items: center;