mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

fix nav

Browse Source
This commit is contained in:
Surjith S M
2022-11-09 18:48:17 +05:30
parent bc08e6b062
commit 5b455cc287
5 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/navbar/navbar.astro
View File

@@ -96,6 +96,10 @@ const menuitems = [
))
}
</ul>
<div class="lg:hidden flex items-center mt-3 gap-4">
<Link href="#" style="muted" block size="md">Log in</Link>
<Link href="#" size="md" block>Sign up</Link>
</div>
</nav>
<div>
<div class="hidden lg:flex items-center gap-4">

3
src/components/ui/link.astro
View File

@@ -3,7 +3,7 @@ interface Props {
href: string;
size?: "md" | "lg";
block?: boolean;
style?: "outline" | "primary" | "inverted";
style?: "outline" | "primary" | "inverted" | "muted";
class?: string;
[x: string]: any;
}
@@ -26,6 +26,7 @@ const styles = {
outline: "bg-white border-2 border-black hover:bg-gray-100 text-black ",
primary: "bg-black text-white hover:bg-gray-800 border-2 border-transparent",
inverted: "bg-white text-black border-2 border-transparent",
muted: "bg-gray-100 hover:bg-gray-200 border-2 border-transparent",
};
---