scriptoriumadmin/supermemory
1
0
Fork 0
mirror of https://github.com/supermemoryai/supermemory.git synced 2026-10-10 03:28:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

footer fix: Arrow color should be consistent, no need for stroke

Browse source
This commit is contained in:
Dhravya 2024-05-21 22:45:49 -05:00
parent dd197bf18b
commit 51018c8568
3 changed files with 63 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/web-v2/src/app/(landing)/Hero.tsx
View file

@ -31,10 +31,7 @@ function Hero() {
<div className="flex items-center">
{" "}
Follow us on Twitter{" "}
<LinkArrow
classname="group-hover/anchor:opacity-100 opacity-0 transition"
stroke="#ffffff"
/>
<LinkArrow classname="group-hover/anchor:opacity-100 opacity-0 transition" />
</div>
</a>
<motion.h1

43
apps/web-v2/src/app/(landing)/footer.tsx
View file

@ -1,17 +1,38 @@
import React from 'react'
import LinkArrow from './linkArrow'
import React from "react";
import LinkArrow from "./linkArrow";
function Footer() {
return (
<footer className="mt-20 flex w-full items-center justify-between gap-4 px-8 py-8 text-sm text-zinc-500">
<p>© 2024 Supermemory.ai</p>
<div className="flex gap-5">
<a className='flex group/mail' target='_blank' href="mailto:hi@dhravya.dev">Contact<LinkArrow classname='group-hover/mail:opacity-100 opacity-0 transition' stroke='#ffffff' /></a>
<a className='flex group/twit' target='_blank' href="https://twitter.com/supermemoryai">Twitter <LinkArrow classname='group-hover/twit:opacity-100 opacity-0 transition' stroke='#ffffff' /></a>
<a className='flex group/git' target='_blank' href="https://github.com/dhravya/supermemory">Github <LinkArrow stroke='#ffffff' classname='group-hover/git:opacity-100 opacity-0 transition' /></a>
</div>
</footer>
)
<p>© 2024 Supermemory.ai</p>
<div className="flex gap-5">
<a
className="group/mail flex items-center"
target="_blank"
href="mailto:hi@dhravya.dev"
>
Contact
<LinkArrow classname="group-hover/mail:opacity-100 opacity-0 transition" />
</a>
<a
className="group/twit flex items-center"
target="_blank"
href="https://twitter.com/supermemoryai"
>
Twitter{" "}
<LinkArrow classname="group-hover/twit:opacity-100 opacity-0 transition" />
</a>
<a
className="group/git flex items-center"
target="_blank"
href="https://github.com/dhravya/supermemory"
>
Github{" "}
<LinkArrow classname="group-hover/git:opacity-100 opacity-0 transition" />
</a>
</div>
</footer>
);
}
export default Footer
export default Footer;

35
apps/web-v2/src/app/(landing)/linkArrow.tsx
View file

@ -1,9 +1,34 @@
import React from 'react'
import React from "react";
function LinkArrow({stroke, classname}: {stroke: string, classname?: string}) {
function LinkArrow({ classname }: { classname?: string }) {
return (
<svg className={classname} width="24px" height="24px" viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M7 17L17 7M17 7H8M17 7V16" stroke={stroke} stroke-width="0.792" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
)
<svg
className={classname}
width="24px"
height="24px"
viewBox="-2.4 -2.4 28.80 28.80"
fill="none"
xmlns="http://www.w3.org/2000/svg"
transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
{" "}
<path
d="M7 17L17 7M17 7H8M17 7V16"
stroke="currentColor"
stroke-width="0.792"
stroke-linecap="round"
stroke-linejoin="round"
></path>{" "}
</g>
</svg>
);
}
export default LinkArrow
export default LinkArrow;