separate logo for API

This commit is contained in:
Pascal Fischer
2023-05-09 16:32:25 +02:00
parent d359c11b76
commit 5e27b0f37e
5 changed files with 255 additions and 6 deletions

View File

@@ -1,10 +1,17 @@
import {useRouter} from "next/router";
export function Logo(props) {
let router = useRouter()
return (
<div>
<img src='/img/logo/logo.svg' alt="some file" height='200'
width='180' className="dark:hidden"/>
<img src='/img/logo/logo-dark.svg' alt="some file" height='200'
width='180' className="hidden dark:block"/>
{router.route.startsWith('/docs') && <img src='/img/logo/logo-docs.svg' alt="some file" height='200'
width='180' className="dark:hidden"/> ||
<img src='/img/logo/logo-docs-dark.svg' alt="some file" height='200'
width='180' className="hidden dark:block"/>}
{router.route.startsWith('/ipa') && <img src='/img/logo/logo-api.svg' alt="some file" height='200'
width='180' className="dark:hidden"/> ||
<img src='/img/logo/logo-api-dark.svg' alt="some file" height='200'
width='180' className="hidden dark:block"/>}
</div>
)
}