diff options
Diffstat (limited to 'components/Box')
| -rw-r--r-- | components/Box/Box.module.css | 22 | ||||
| -rw-r--r-- | components/Box/Box.tsx | 18 |
2 files changed, 0 insertions, 40 deletions
diff --git a/components/Box/Box.module.css b/components/Box/Box.module.css deleted file mode 100644 index f6234ff..0000000 --- a/components/Box/Box.module.css +++ /dev/null @@ -1,22 +0,0 @@ -.box { - padding: 1rem 1rem; - width: 100%; - color: #333; - background-color: #eee; - display: flex; - flex-flow: row nowrap; - justify-content: space-between; - align-items: center; -} - -.box:hover, -.box:active, -.box:focus { - font-weight: bold; - background-color: #ddd; -} - -.arrow { - font-size: 24px; - line-height: 20px; -}
\ No newline at end of file diff --git a/components/Box/Box.tsx b/components/Box/Box.tsx deleted file mode 100644 index 8e463e5..0000000 --- a/components/Box/Box.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import Link from "next/link"; -import styles from "./Box.module.css"; - -export interface Props { - href: string; - text: string; -} - -const Box = ({ text, href }: Props): JSX.Element => ( - <Link href={href}> - <a className={styles.box}> - <span>{text}</span> - <span className={styles.arrow}>→</span> - </a> - </Link> -); - -export default Box; |
