From 8771b324a190668c64f49e1564f1453ec19db7a3 Mon Sep 17 00:00:00 2001 From: static Date: Thu, 26 Dec 2024 00:32:33 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B8=B0=EB=B3=B8=20=EC=BB=B4=ED=8F=AC?= =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app.html | 6 +++ src/lib/components/AdaptiveDiv.svelte | 7 +++ src/lib/components/buttons/Button.svelte | 28 ++++++++++++ src/lib/components/buttons/TextButton.svelte | 14 ++++++ src/lib/components/buttons/index.ts | 2 + src/lib/components/index.ts | 1 + src/lib/components/inputs/TextInput.svelte | 35 ++++++++++++++ src/lib/components/inputs/index.ts | 1 + tailwind.config.ts | 48 +++++++++++++++++++- 9 files changed, 141 insertions(+), 1 deletion(-) create mode 100644 src/lib/components/AdaptiveDiv.svelte create mode 100644 src/lib/components/buttons/Button.svelte create mode 100644 src/lib/components/buttons/TextButton.svelte create mode 100644 src/lib/components/buttons/index.ts create mode 100644 src/lib/components/index.ts create mode 100644 src/lib/components/inputs/TextInput.svelte create mode 100644 src/lib/components/inputs/index.ts diff --git a/src/app.html b/src/app.html index 84ffad1..4471298 100644 --- a/src/app.html +++ b/src/app.html @@ -3,6 +3,12 @@ + %sveltekit.head% diff --git a/src/lib/components/AdaptiveDiv.svelte b/src/lib/components/AdaptiveDiv.svelte new file mode 100644 index 0000000..ee845cc --- /dev/null +++ b/src/lib/components/AdaptiveDiv.svelte @@ -0,0 +1,7 @@ + + +
+ {@render children?.()} +
diff --git a/src/lib/components/buttons/Button.svelte b/src/lib/components/buttons/Button.svelte new file mode 100644 index 0000000..db27c33 --- /dev/null +++ b/src/lib/components/buttons/Button.svelte @@ -0,0 +1,28 @@ + + + diff --git a/src/lib/components/buttons/TextButton.svelte b/src/lib/components/buttons/TextButton.svelte new file mode 100644 index 0000000..6ccb71f --- /dev/null +++ b/src/lib/components/buttons/TextButton.svelte @@ -0,0 +1,14 @@ + + + diff --git a/src/lib/components/buttons/index.ts b/src/lib/components/buttons/index.ts new file mode 100644 index 0000000..0b93571 --- /dev/null +++ b/src/lib/components/buttons/index.ts @@ -0,0 +1,2 @@ +export { default as Button } from "./Button.svelte"; +export { default as TextButton } from "./TextButton.svelte"; diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts new file mode 100644 index 0000000..85508da --- /dev/null +++ b/src/lib/components/index.ts @@ -0,0 +1 @@ +export { default as AdaptiveDiv } from "./AdaptiveDiv.svelte"; diff --git a/src/lib/components/inputs/TextInput.svelte b/src/lib/components/inputs/TextInput.svelte new file mode 100644 index 0000000..e8bee93 --- /dev/null +++ b/src/lib/components/inputs/TextInput.svelte @@ -0,0 +1,35 @@ + + +
+ + + +
+ + diff --git a/src/lib/components/inputs/index.ts b/src/lib/components/inputs/index.ts new file mode 100644 index 0000000..c2c534d --- /dev/null +++ b/src/lib/components/inputs/index.ts @@ -0,0 +1 @@ +export { default as TextInput } from "./TextInput.svelte"; diff --git a/tailwind.config.ts b/tailwind.config.ts index 9d75afa..e8c5803 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -4,7 +4,53 @@ export default { content: ["./src/**/*.{html,js,svelte,ts}"], theme: { - extend: {}, + extend: { + colors: { + primary: { + "000": "#FFF5F5", + 100: "#FFE3E3", + 200: "#FFC9C9", + 300: "#FFA8A8", + 400: "#FF8787", + 500: "#FF6B6B", + 600: "#FA5252", + 700: "#F03E3E", + 800: "#E03131", + 900: "#C92A2A", + }, + gray: { + "000": "#F8F9FA", + 100: "#F1F3F5", + 200: "#E9ECEF", + 300: "#DEE2E6", + 400: "#CED4DA", + 500: "#ADB5BD", + 600: "#868E96", + 700: "#495057", + 800: "#343A40", + 900: "#212529", + }, + }, + fontFamily: { + sans: [ + '"Pretendard Variable"', + "Pretendard", + "-apple-system", + "BlinkMacSystemFont", + "system-ui", + "Roboto", + '"Helvetica Neue"', + '"Segoe UI"', + '"Apple SD Gothic Neo"', + '"Noto Sans KR"', + '"Malgun Gothic"', + '"Apple Color Emoji"', + '"Segoe UI Emoji"', + '"Segoe UI Symbol"', + "sans-serif", + ], + }, + }, }, plugins: [],