movie-web/movie-web
1
1
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2025-09-13 18:13:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

add hover state to brand pill - use replace instead of push for search url - video loading and error state - extra elaboration of providers in readme

Browse Source
This commit is contained in:
mrjvs
2022-02-28 22:00:32 +01:00
parent b498735746
commit d72e98eb1e
6 changed files with 114 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/layout/Navigation.tsx
View File

@@ -2,7 +2,7 @@ import { IconPatch } from "components/buttons/IconPatch";
import { Icons } from "components/Icon";
import { DISCORD_LINK, GITHUB_LINK } from "mw_constants";
import { ReactNode } from "react";
import { Link } from "react-router-dom"
import { Link } from "react-router-dom";
import { BrandPill } from "./BrandPill";
export interface NavigationProps {
@@ -11,19 +11,33 @@ export interface NavigationProps {
export function Navigation(props: NavigationProps) {
return (
<div className="flex justify-between items-center absolute left-0 right-0 top-0 py-5 px-7">
<div className="flex justify-center items-center">
<div className="absolute left-0 right-0 top-0 flex items-center justify-between py-5 px-7">
<div className="flex items-center justify-center">
<div className="mr-6">
<Link to="/">
<BrandPill/>
<Link to="/">
<BrandPill clickable />
</Link>
</div>
{props.children}
</div>
<div className="flex">
<a href={DISCORD_LINK} target="_blank" rel="noreferrer" className="text-2xl text-white"><IconPatch icon={Icons.DISCORD} clickable/></a>
<a href={GITHUB_LINK} target="_blank" rel="noreferrer" className="text-2xl text-white"><IconPatch icon={Icons.GITHUB} clickable/></a>
<a
href={DISCORD_LINK}
target="_blank"
rel="noreferrer"
className="text-2xl text-white"
>
<IconPatch icon={Icons.DISCORD} clickable />
</a>
<a
href={GITHUB_LINK}
target="_blank"
rel="noreferrer"
className="text-2xl text-white"
>
<IconPatch icon={Icons.GITHUB} clickable />
</a>
</div>
</div>
)
);
}