From 7e16f500cb7bc0cfd8bafbf6bb1555704f771231 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 29 Apr 2022 12:13:34 +0200 Subject: chore: remove old pages, components, helpers and types Since I'm using new components, I will also rewrite the GraphQL queries so it is easier to start from scratch. --- src/components/FormElements/Form/Form.module.scss | 37 ----------------------- src/components/FormElements/Form/Form.tsx | 27 ----------------- 2 files changed, 64 deletions(-) delete mode 100644 src/components/FormElements/Form/Form.module.scss delete mode 100644 src/components/FormElements/Form/Form.tsx (limited to 'src/components/FormElements/Form') diff --git a/src/components/FormElements/Form/Form.module.scss b/src/components/FormElements/Form/Form.module.scss deleted file mode 100644 index 0f7c437..0000000 --- a/src/components/FormElements/Form/Form.module.scss +++ /dev/null @@ -1,37 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.wrapper { - width: 100%; -} - -.centered { - max-width: 45ch; - margin-left: auto; - margin-right: auto; -} - -.search { - display: flex; - flex-flow: row nowrap; - align-items: center; - - > input { - padding-right: calc(var(--btn-size) + var(--spacing-2xs)); - - &:hover ~ button { - transform: translate(fun.convert-px(-3), fun.convert-px(-3)); - } - - &:focus ~ button { - transform: translate(fun.convert-px(3), fun.convert-px(3)); - } - } -} - -.settings { - display: flex; - flex-flow: row nowrap; - align-items: center; - margin: var(--spacing-sm) 0; - position: relative; -} diff --git a/src/components/FormElements/Form/Form.tsx b/src/components/FormElements/Form/Form.tsx deleted file mode 100644 index 10fdcdf..0000000 --- a/src/components/FormElements/Form/Form.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { ReactNode } from 'react'; -import styles from './Form.module.scss'; - -type FormKind = 'centered' | 'search' | 'settings'; - -const Form = ({ - children, - submitHandler, - kind, - id, -}: { - children: ReactNode; - submitHandler: any; - kind?: FormKind; - id?: string; -}) => { - const kindStyles = kind ? styles[kind] : ''; - const classes = `${styles.wrapper} ${kindStyles}`; - - return ( -
- {children} -
- ); -}; - -export default Form; -- cgit v1.2.3