feat: github actions ci/cd 구축

Author: ssi02014

.github/workflows/npm-publish.yml

@@ -0,0 +1,38 @@
+name: Publish Package to npmjs
+on:
+  push:
+    branches:
+      - master
+jobs:
+  npm-publish:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🔔
+        uses: actions/checkout@v3
+      - name: Node Setup 🔔
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          registry-url: 'https://registry.npmjs.org'
+      - name: Install & Build 🔨
+        run: | 
+          yarn
+          yarn build
+      - name: Publish 🚀
+        run: yarn publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+  storybook-publish:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🔔
+        uses: actions/checkout@v3
+      - name: Install & Build 🔨
+        run: |
+          yarn
+          yarn build:storybook
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          token: ${{ secrets.PUBLISH_TOKEN }}
+          folder: storybook-static

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-thumbnail-generator",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "description": "react-thumbnail-generator",
   "main": "dist/index.js",
   "module": "dist/index.js",

src/components/TG.styled.ts

@@ -29,7 +29,6 @@ export const TGBodyWrapper = styled.section<{
   display: flex;
   justify-content: center;
   min-width: ${({ isFullWidth }) => (isFullWidth ? '100%' : '600px')};
-  min-height: 100vh;
   border-radius: 7px;
   box-shadow: 1px 1px 10px #cccccc;
   z-index: 9999;