wyl/jsonhero-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed mobile homepage header

Browse Source
This commit is contained in:
James Ritchie
2022-04-15 18:38:59 +01:00
parent fbf3b84253
commit d565ad730b
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Home/HomeHeader.tsx
+2 -2
View File
@@ -12,13 +12,13 @@ import {
export function HomeHeader() { export function HomeHeader() {
return ( return (
<header className="fixed z-20 flex items-center justify-between w-screen h-[82px] px-4 bg-indigo-700"> <header className="fixed z-20 flex items-center justify-between w-screen h-[82px] px-4 bg-indigo-700">
<div className="flex flex-grow items-start "> <div className="flex w-44 mr-3">
<Logo /> <Logo />
</div> </div>
<ol className="flex items-center gap-2"> <ol className="flex items-center gap-2">
<Popover> <Popover>
<PopoverTrigger> <PopoverTrigger>
<button className="bg-lime-500 text-slate-900 text-lg font-bold px-2 py-0.5 rounded-sm uppercase cursor-pointer opacity-90 hover:opacity-100 transition"> <button className="bg-lime-500 text-slate-900 text-lg font-bold px-2 py-0.5 rounded-sm uppercase whitespace-nowrap cursor-pointer opacity-90 hover:opacity-100 transition">
Try now Try now
</button> </button>
</PopoverTrigger> </PopoverTrigger>
app/components/Icons/Logo.tsx
+1 -1
View File
@@ -2,7 +2,7 @@ import { Link } from "remix";
export function Logo({ export function Logo({
className, className,
width = "196", width = "100%",
}: { }: {
className?: string; className?: string;
width?: string; width?: string;