Logo.tsx 732 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. import Link from 'next/link'
  2. const Logo = () => (
  3. <Link href='/'>
  4. <a>
  5. <div id='logo'>
  6. <span id='circle'>˙u</span>
  7. <span id='text'>fit</span>
  8. </div>
  9. <style jsx>
  10. {`
  11. #logo {
  12. position: relative;
  13. height: 60px;
  14. width: 60px;
  15. color: white;
  16. background-color: red;
  17. border-radius: 30px;
  18. font-size: 40px;
  19. font-weight: 900;
  20. padding: 10px 0 0 15px;
  21. }
  22. a {
  23. text-decoration: none;
  24. }
  25. #text {
  26. color: black;
  27. margin-left: 3px;
  28. }
  29. `}
  30. </style>
  31. </a>
  32. </Link>
  33. )
  34. export default Logo