diff --git a/frontend/index.html b/frontend/index.html
index e4b78ea..a8fef67 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,6 +4,7 @@
+
Vite + React + TS
diff --git a/frontend/src/library/input.module.css b/frontend/src/library/input.module.css
deleted file mode 100644
index d5e3426..0000000
--- a/frontend/src/library/input.module.css
+++ /dev/null
@@ -1 +0,0 @@
-/* rules defined in this file are scoped to the js/ts file importing this. */
diff --git a/frontend/src/library/input.tsx b/frontend/src/library/input.tsx
index 1455ab5..d36b9f4 100644
--- a/frontend/src/library/input.tsx
+++ b/frontend/src/library/input.tsx
@@ -1,15 +1,25 @@
-import styles from './input.module.css';
+import React from 'react';
+import './input.css';
-type InputComponentProps = {
- placeholder?: string;
+type Props = React.DetailedHTMLProps<
+ React.InputHTMLAttributes,
+ HTMLInputElement
+> & {
+ width?: string;
+ height?: string;
};
-function Input({ placeholder }: InputComponentProps) {
+const Input: React.FC = ({
+ width = '392px',
+ height = '44px',
+ ...props
+}) => {
return (
-
-
-
+
);
-}
+};
export default Input;
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 7d7d2c4..5ec8494 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -5,7 +5,16 @@ export default {
'./src/**/*.{tsx,ts}',
],
theme: {
- extend: {},
+ extend: {
+ fontFamily: {
+ kavoon: ['Kavoon', 'serif'],
+ },
+ },
+ extend: {
+ borderWidth: {
+ '3': '3px',
+ },
+ },
},
plugins: [],
}