nzambello/explit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: add logo in header

Browse source
This commit is contained in:
Nicola Zambello 2022-02-21 15:26:03 +01:00
parent 0423713f74
commit 882d1fc5a5
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/ExplitLogo.tsx
View file

@ -1,4 +1,4 @@
const ExplitLogo = ({ className }: { className: string }) => ( const ExplitLogo = ({ className }: { className?: string }) => (
<svg <svg
viewBox="0 0 100 100" viewBox="0 0 100 100"
fill="none" fill="none"

5
app/components/Header.tsx
View file

@ -4,6 +4,7 @@ import People from "~/icons/People";
import MoneyAdd from "~/icons/MoneyAdd"; import MoneyAdd from "~/icons/MoneyAdd";
import LoginSVG from "../icons/Login"; import LoginSVG from "../icons/Login";
import Percentage from "~/icons/Percentage"; import Percentage from "~/icons/Percentage";
import ExplitLogo from "~/ExplitLogo";
interface Props { interface Props {
user?: User | null; user?: User | null;
@ -37,7 +38,8 @@ const Header = ({ user, route }: Props) => {
</label> </label>
</div> </div>
<div className="flex-1"> <div className="flex-1">
<Link to="/" className="btn btn-ghost rounded-btn"> <Link to="/" className="btn btn-ghost rounded-btn px-0 md:px-3">
<ExplitLogo className="w-10 h-10 mr-2 md:mr-4" />
<span className="text-lg font-bold">Explit</span> <span className="text-lg font-bold">Explit</span>
</Link> </Link>
</div> </div>
@ -153,6 +155,7 @@ const Header = ({ user, route }: Props) => {
to="/" to="/"
className="btn btn-ghost rounded-btn items-center h-auto" className="btn btn-ghost rounded-btn items-center h-auto"
> >
<ExplitLogo className="w-10 mr-3" />
<span className="text-lg font-bold">Explit</span> <span className="text-lg font-bold">Explit</span>
</Link> </Link>
</li> </li>