jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-06-05 20:15:31 -04:00
Code Issues Activity

correct some flex/grid spacings

Browse Source
This commit is contained in:
Jake Jarvis
2025-05-08 10:07:40 -04:00
parent d98c3bb775
commit eab84bfee9
19 changed files with 84 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/footer.tsx
+2 -2
View File
@@ -25,7 +25,7 @@ const Footer = ({ className, ...rest }: ComponentPropsWithoutRef<"footer">) => {
<div>
Made with{" "}
<HeartIcon className="animate-heartbeat stroke-destructive fill-destructive mx-0.5 inline size-4 align-text-top" />{" "}
<HeartIcon className="animate-heartbeat stroke-destructive fill-destructive mx-[1px] inline size-4 align-text-top" />{" "}
and{" "}
<Link
href="https://nextjs.org/"
@@ -39,7 +39,7 @@ const Footer = ({ className, ...rest }: ComponentPropsWithoutRef<"footer">) => {
stroke="currentColor"
strokeWidth="0"
viewBox="0 0 24 24"
className="mx-0.5 inline size-4 align-text-top"
className="mx-[1px] inline size-4 align-text-top"
>
<path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z" />
</svg>
components/layout/header.tsx
+1 -1
View File
@@ -31,7 +31,7 @@ const Header = ({ className, ...rest }: ComponentPropsWithoutRef<"header">) => {
</span>
</Link>
<Menu className="ml-6 w-full max-w-64 sm:ml-4 sm:max-w-96 md:ml-0 md:max-w-none" />
<Menu className="w-full max-w-64 sm:max-w-96 md:ml-0 md:max-w-none" />
</header>
);
};
components/layout/menu.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ const Menu = ({ className, ...rest }: ComponentPropsWithoutRef<"ul">) => {
return (
<ul
className={cn(
"flex max-w-2/3 flex-row justify-between md:max-w-none md:justify-end md:space-x-4 max-sm:[&>li]:first-of-type:hidden",
"flex max-w-2/3 flex-row justify-between md:max-w-none md:justify-end md:gap-4 max-sm:[&>li]:first-of-type:hidden",
className
)}
{...rest}
components/layout/skip-nav.tsx
+3 -7
View File
@@ -1,8 +1,8 @@
import Button from "@/components/ui/button";
const SKIP_NAV_ID = "skip-nav";
export const SKIP_NAV_ID = "skip-nav";
export const SkipNavLink = () => {
const SkipNavButton = () => {
return (
<Button
asChild
@@ -14,8 +14,4 @@ export const SkipNavLink = () => {
);
};
export const SkipNavTarget = () => {
return <div id={SKIP_NAV_ID} />;
};
export default SkipNavLink;
export default SkipNavButton;