added redirect on logo (#142)
This commit is contained in:
parent
1b5389e06c
commit
f1bd83e657
|
@ -1,5 +1,6 @@
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import { motion } from 'framer-motion'
|
import { motion } from 'framer-motion'
|
||||||
|
import Link from 'next/link'
|
||||||
|
|
||||||
const pathvariant = {
|
const pathvariant = {
|
||||||
initial: { pathLength: 0, opacity: 0 },
|
initial: { pathLength: 0, opacity: 0 },
|
||||||
|
@ -9,6 +10,8 @@ const pathvariant = {
|
||||||
|
|
||||||
export default function Logo() {
|
export default function Logo() {
|
||||||
return (
|
return (
|
||||||
|
<div class="home">
|
||||||
|
<Link href="/">
|
||||||
<div className="logo-wrapper">
|
<div className="logo-wrapper">
|
||||||
<motion.svg
|
<motion.svg
|
||||||
initial={{ rotate: -180 }}
|
initial={{ rotate: -180 }}
|
||||||
|
@ -42,6 +45,8 @@ export default function Logo() {
|
||||||
/>
|
/>
|
||||||
</motion.svg>
|
</motion.svg>
|
||||||
</div>
|
</div>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -53,6 +53,8 @@ function Index(props) {
|
||||||
<span>
|
<span>
|
||||||
<Logo />
|
<Logo />
|
||||||
</span>
|
</span>
|
||||||
|
<div class="home">
|
||||||
|
<Link href="/">
|
||||||
<Typography
|
<Typography
|
||||||
component={motion.div}
|
component={motion.div}
|
||||||
initial={{ y: -50, opacity: 0 }}
|
initial={{ y: -50, opacity: 0 }}
|
||||||
|
@ -65,6 +67,8 @@ function Index(props) {
|
||||||
>
|
>
|
||||||
UrlMiniFy
|
UrlMiniFy
|
||||||
</Typography>
|
</Typography>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
flexGrow: 1,
|
flexGrow: 1,
|
||||||
|
|
|
@ -50,4 +50,6 @@ body::-webkit-scrollbar-thumb {
|
||||||
border-width: 2px 0 2px;
|
border-width: 2px 0 2px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
.home{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue