Skip to content

Commit

Permalink
Merge branch 'main' of https://github.com/Nexters/kekeche-fe
Browse files Browse the repository at this point in the history
  • Loading branch information
Jxxunnn committed Feb 27, 2024
2 parents 5e761a9 + 8526001 commit efa1872
Show file tree
Hide file tree
Showing 20 changed files with 269 additions and 200 deletions.
1 change: 1 addition & 0 deletions .storybook/preview.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ const preview: Preview = {
color: /(background|color)$/i,
date: /Date$/i,
},
expanded: true,
},
},
};
Expand Down
199 changes: 115 additions & 84 deletions public/swe-worker-development.js
Original file line number Diff line number Diff line change
Expand Up @@ -14,89 +14,120 @@
/*!*****************************************************************************************************************************************************************************!*\
!*** ./node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/@ducanh2912/next-pwa/dist/sw-entry-worker.js ***!
\*****************************************************************************************************************************************************************************/
/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
/***/ function (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
eval(
__webpack_require__.ts(
'__webpack_require__.r(__webpack_exports__);\nself.onmessage=async e=>{switch(e.data.type){case"__START_URL_CACHE__":{let t=e.data.url,a=await fetch(t);if(!a.redirected)return (await caches.open("start-url")).put(t,a);return Promise.resolve()}case"__FRONTEND_NAV_CACHE__":{let t=e.data.url,a=await caches.open("pages");if(await a.match(t,{ignoreSearch:!0}))return;let s=await fetch(t);if(!s.ok)return;if(a.put(t,s.clone()),e.data.shouldCacheAggressively&&s.headers.get("Content-Type")?.includes("text/html"))try{let e=await s.text(),t=[],a=await caches.open("static-style-assets"),r=await caches.open("next-static-js-assets"),c=await caches.open("static-js-assets");for(let[s,r]of e.matchAll(/<link.*?href=[\'"](.*?)[\'"].*?>/g))/rel=[\'"]stylesheet[\'"]/.test(s)&&t.push(a.match(r).then(e=>e?Promise.resolve():a.add(r)));for(let[,a]of e.matchAll(/<script.*?src=[\'"](.*?)[\'"].*?>/g)){let e=/\\/_next\\/static.+\\.js$/i.test(a)?r:c;t.push(e.match(a).then(t=>t?Promise.resolve():e.add(a)));}return await Promise.all(t)}catch{}return Promise.resolve()}default:return Promise.resolve()}};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvLnBucG0vQGR1Y2FuaDI5MTIrbmV4dC1wd2FAMTAuMi4yX25leHRAMTQuMC40X3dlYnBhY2tANS44OS4wL25vZGVfbW9kdWxlcy9AZHVjYW5oMjkxMi9uZXh0LXB3YS9kaXN0L3N3LWVudHJ5LXdvcmtlci5qcyIsIm1hcHBpbmdzIjoiO0FBQUEseUJBQXlCLG9CQUFvQiwyQkFBMkIsa0NBQWtDLGtFQUFrRSx5QkFBeUIsOEJBQThCLDhDQUE4QyxvQkFBb0IsZ0JBQWdCLFNBQVMscUJBQXFCLGdCQUFnQiwrR0FBK0csMEpBQTBKLHdKQUF3Siw4REFBOEQsNENBQTRDLDBEQUEwRCw0QkFBNEIsT0FBTyx5QkFBeUIiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9fTl9FLy4vbm9kZV9tb2R1bGVzLy5wbnBtL0BkdWNhbmgyOTEyK25leHQtcHdhQDEwLjIuMl9uZXh0QDE0LjAuNF93ZWJwYWNrQDUuODkuMC9ub2RlX21vZHVsZXMvQGR1Y2FuaDI5MTIvbmV4dC1wd2EvZGlzdC9zdy1lbnRyeS13b3JrZXIuanM/NzQ0MiJdLCJzb3VyY2VzQ29udGVudCI6WyJzZWxmLm9ubWVzc2FnZT1hc3luYyBlPT57c3dpdGNoKGUuZGF0YS50eXBlKXtjYXNlXCJfX1NUQVJUX1VSTF9DQUNIRV9fXCI6e2xldCB0PWUuZGF0YS51cmwsYT1hd2FpdCBmZXRjaCh0KTtpZighYS5yZWRpcmVjdGVkKXJldHVybiAoYXdhaXQgY2FjaGVzLm9wZW4oXCJzdGFydC11cmxcIikpLnB1dCh0LGEpO3JldHVybiBQcm9taXNlLnJlc29sdmUoKX1jYXNlXCJfX0ZST05URU5EX05BVl9DQUNIRV9fXCI6e2xldCB0PWUuZGF0YS51cmwsYT1hd2FpdCBjYWNoZXMub3BlbihcInBhZ2VzXCIpO2lmKGF3YWl0IGEubWF0Y2godCx7aWdub3JlU2VhcmNoOiEwfSkpcmV0dXJuO2xldCBzPWF3YWl0IGZldGNoKHQpO2lmKCFzLm9rKXJldHVybjtpZihhLnB1dCh0LHMuY2xvbmUoKSksZS5kYXRhLnNob3VsZENhY2hlQWdncmVzc2l2ZWx5JiZzLmhlYWRlcnMuZ2V0KFwiQ29udGVudC1UeXBlXCIpPy5pbmNsdWRlcyhcInRleHQvaHRtbFwiKSl0cnl7bGV0IGU9YXdhaXQgcy50ZXh0KCksdD1bXSxhPWF3YWl0IGNhY2hlcy5vcGVuKFwic3RhdGljLXN0eWxlLWFzc2V0c1wiKSxyPWF3YWl0IGNhY2hlcy5vcGVuKFwibmV4dC1zdGF0aWMtanMtYXNzZXRzXCIpLGM9YXdhaXQgY2FjaGVzLm9wZW4oXCJzdGF0aWMtanMtYXNzZXRzXCIpO2ZvcihsZXRbcyxyXW9mIGUubWF0Y2hBbGwoLzxsaW5rLio/aHJlZj1bJ1wiXSguKj8pWydcIl0uKj8+L2cpKS9yZWw9WydcIl1zdHlsZXNoZWV0WydcIl0vLnRlc3QocykmJnQucHVzaChhLm1hdGNoKHIpLnRoZW4oZT0+ZT9Qcm9taXNlLnJlc29sdmUoKTphLmFkZChyKSkpO2ZvcihsZXRbLGFdb2YgZS5tYXRjaEFsbCgvPHNjcmlwdC4qP3NyYz1bJ1wiXSguKj8pWydcIl0uKj8+L2cpKXtsZXQgZT0vXFwvX25leHRcXC9zdGF0aWMuK1xcLmpzJC9pLnRlc3QoYSk/cjpjO3QucHVzaChlLm1hdGNoKGEpLnRoZW4odD0+dD9Qcm9taXNlLnJlc29sdmUoKTplLmFkZChhKSkpO31yZXR1cm4gYXdhaXQgUHJvbWlzZS5hbGwodCl9Y2F0Y2h7fXJldHVybiBQcm9taXNlLnJlc29sdmUoKX1kZWZhdWx0OnJldHVybiBQcm9taXNlLnJlc29sdmUoKX19OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@ducanh2912/next-pwa/dist/sw-entry-worker.js\n',
),
);

eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\nself.onmessage=async e=>{switch(e.data.type){case\"__START_URL_CACHE__\":{let t=e.data.url,a=await fetch(t);if(!a.redirected)return (await caches.open(\"start-url\")).put(t,a);return Promise.resolve()}case\"__FRONTEND_NAV_CACHE__\":{let t=e.data.url,a=await caches.open(\"pages\");if(await a.match(t,{ignoreSearch:!0}))return;let s=await fetch(t);if(!s.ok)return;if(a.put(t,s.clone()),e.data.shouldCacheAggressively&&s.headers.get(\"Content-Type\")?.includes(\"text/html\"))try{let e=await s.text(),t=[],a=await caches.open(\"static-style-assets\"),r=await caches.open(\"next-static-js-assets\"),c=await caches.open(\"static-js-assets\");for(let[s,r]of e.matchAll(/<link.*?href=['\"](.*?)['\"].*?>/g))/rel=['\"]stylesheet['\"]/.test(s)&&t.push(a.match(r).then(e=>e?Promise.resolve():a.add(r)));for(let[,a]of e.matchAll(/<script.*?src=['\"](.*?)['\"].*?>/g)){let e=/\\/_next\\/static.+\\.js$/i.test(a)?r:c;t.push(e.match(a).then(t=>t?Promise.resolve():e.add(a)));}return await Promise.all(t)}catch{}return Promise.resolve()}default:return Promise.resolve()}};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvLnBucG0vQGR1Y2FuaDI5MTIrbmV4dC1wd2FAMTAuMi4yX0Bzd2MrY29yZUAxLjQuMl9lc2J1aWxkQDAuMTguMjBfbmV4dEAxNC4wLjRfd2VicGFja0A1Ljg5LjAvbm9kZV9tb2R1bGVzL0BkdWNhbmgyOTEyL25leHQtcHdhL2Rpc3Qvc3ctZW50cnktd29ya2VyLmpzIiwibWFwcGluZ3MiOiI7QUFBQSx5QkFBeUIsb0JBQW9CLDJCQUEyQixrQ0FBa0Msa0VBQWtFLHlCQUF5Qiw4QkFBOEIsOENBQThDLG9CQUFvQixnQkFBZ0IsU0FBUyxxQkFBcUIsZ0JBQWdCLCtHQUErRywwSkFBMEosd0pBQXdKLDhEQUE4RCw0Q0FBNEMsMERBQTBELDRCQUE0QixPQUFPLHlCQUF5QiIsInNvdXJjZXMiOlsid2VicGFjazovL19OX0UvLi9ub2RlX21vZHVsZXMvLnBucG0vQGR1Y2FuaDI5MTIrbmV4dC1wd2FAMTAuMi4yX0Bzd2MrY29yZUAxLjQuMl9lc2J1aWxkQDAuMTguMjBfbmV4dEAxNC4wLjRfd2VicGFja0A1Ljg5LjAvbm9kZV9tb2R1bGVzL0BkdWNhbmgyOTEyL25leHQtcHdhL2Rpc3Qvc3ctZW50cnktd29ya2VyLmpzP2RjZGQiXSwic291cmNlc0NvbnRlbnQiOlsic2VsZi5vbm1lc3NhZ2U9YXN5bmMgZT0+e3N3aXRjaChlLmRhdGEudHlwZSl7Y2FzZVwiX19TVEFSVF9VUkxfQ0FDSEVfX1wiOntsZXQgdD1lLmRhdGEudXJsLGE9YXdhaXQgZmV0Y2godCk7aWYoIWEucmVkaXJlY3RlZClyZXR1cm4gKGF3YWl0IGNhY2hlcy5vcGVuKFwic3RhcnQtdXJsXCIpKS5wdXQodCxhKTtyZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCl9Y2FzZVwiX19GUk9OVEVORF9OQVZfQ0FDSEVfX1wiOntsZXQgdD1lLmRhdGEudXJsLGE9YXdhaXQgY2FjaGVzLm9wZW4oXCJwYWdlc1wiKTtpZihhd2FpdCBhLm1hdGNoKHQse2lnbm9yZVNlYXJjaDohMH0pKXJldHVybjtsZXQgcz1hd2FpdCBmZXRjaCh0KTtpZighcy5vaylyZXR1cm47aWYoYS5wdXQodCxzLmNsb25lKCkpLGUuZGF0YS5zaG91bGRDYWNoZUFnZ3Jlc3NpdmVseSYmcy5oZWFkZXJzLmdldChcIkNvbnRlbnQtVHlwZVwiKT8uaW5jbHVkZXMoXCJ0ZXh0L2h0bWxcIikpdHJ5e2xldCBlPWF3YWl0IHMudGV4dCgpLHQ9W10sYT1hd2FpdCBjYWNoZXMub3BlbihcInN0YXRpYy1zdHlsZS1hc3NldHNcIikscj1hd2FpdCBjYWNoZXMub3BlbihcIm5leHQtc3RhdGljLWpzLWFzc2V0c1wiKSxjPWF3YWl0IGNhY2hlcy5vcGVuKFwic3RhdGljLWpzLWFzc2V0c1wiKTtmb3IobGV0W3Mscl1vZiBlLm1hdGNoQWxsKC88bGluay4qP2hyZWY9WydcIl0oLio/KVsnXCJdLio/Pi9nKSkvcmVsPVsnXCJdc3R5bGVzaGVldFsnXCJdLy50ZXN0KHMpJiZ0LnB1c2goYS5tYXRjaChyKS50aGVuKGU9PmU/UHJvbWlzZS5yZXNvbHZlKCk6YS5hZGQocikpKTtmb3IobGV0WyxhXW9mIGUubWF0Y2hBbGwoLzxzY3JpcHQuKj9zcmM9WydcIl0oLio/KVsnXCJdLio/Pi9nKSl7bGV0IGU9L1xcL19uZXh0XFwvc3RhdGljLitcXC5qcyQvaS50ZXN0KGEpP3I6Yzt0LnB1c2goZS5tYXRjaChhKS50aGVuKHQ9PnQ/UHJvbWlzZS5yZXNvbHZlKCk6ZS5hZGQoYSkpKTt9cmV0dXJuIGF3YWl0IFByb21pc2UuYWxsKHQpfWNhdGNoe31yZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCl9ZGVmYXVsdDpyZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCl9fTsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/@ducanh2912/next-pwa/dist/sw-entry-worker.js\n"));
/***/
},

/***/ })

/******/ });
/************************************************************************/
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/trusted types policy */
/******/ !function() {
/******/ var policy;
/******/ __webpack_require__.tt = function() {
/******/ // Create Trusted Type policy if Trusted Types are available and the policy doesn't exist yet.
/******/ if (policy === undefined) {
/******/ policy = {
/******/ createScript: function(script) { return script; }
/******/ };
/******/ if (typeof trustedTypes !== "undefined" && trustedTypes.createPolicy) {
/******/ policy = trustedTypes.createPolicy("nextjs#bundler", policy);
/******/ }
/******/ }
/******/ return policy;
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/trusted types script */
/******/ !function() {
/******/ __webpack_require__.ts = function(script) { return __webpack_require__.tt().createScript(script); };
/******/ }();
/******/
/******/ /* webpack/runtime/react refresh */
/******/ !function() {
/******/ if (__webpack_require__.i) {
/******/ __webpack_require__.i.push(function(options) {
/******/ var originalFactory = options.factory;
/******/ options.factory = function(moduleObject, moduleExports, webpackRequire) {
/******/ var hasRefresh = typeof self !== "undefined" && !!self.$RefreshInterceptModuleExecution$;
/******/ var cleanup = hasRefresh ? self.$RefreshInterceptModuleExecution$(moduleObject.id) : function() {};
/******/ try {
/******/ originalFactory.call(this, moduleObject, moduleExports, webpackRequire);
/******/ } finally {
/******/ cleanup();
/******/ }
/******/ }
/******/ })
/******/ }
/******/ }();
/******/
/******/ /* webpack/runtime/compat */
/******/
/******/
/******/ // noop fns to prevent runtime errors during initialization
/******/ if (typeof self !== "undefined") {
/******/ self.$RefreshReg$ = function () {};
/******/ self.$RefreshSig$ = function () {
/******/ return function (type) {
/******/ return type;
/******/ };
/******/ };
/******/ }
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module can't be inlined because the eval-source-map devtool is used.
/******/ var __webpack_exports__ = {};
/******/ __webpack_modules__["./node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/@ducanh2912/next-pwa/dist/sw-entry-worker.js"](0, __webpack_exports__, __webpack_require__);
/******/
/******/ })()
;
/******/
};
/************************************************************************/
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
/******/ !(function () {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function (exports) {
/******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/
}
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/
};
/******/
})();
/******/
/******/ /* webpack/runtime/trusted types policy */
/******/ !(function () {
/******/ var policy;
/******/ __webpack_require__.tt = function () {
/******/ // Create Trusted Type policy if Trusted Types are available and the policy doesn't exist yet.
/******/ if (policy === undefined) {
/******/ policy = {
/******/ createScript: function (script) {
return script;
},
/******/
};
/******/ if (typeof trustedTypes !== 'undefined' && trustedTypes.createPolicy) {
/******/ policy = trustedTypes.createPolicy('nextjs#bundler', policy);
/******/
}
/******/
}
/******/ return policy;
/******/
};
/******/
})();
/******/
/******/ /* webpack/runtime/trusted types script */
/******/ !(function () {
/******/ __webpack_require__.ts = function (script) {
return __webpack_require__.tt().createScript(script);
};
/******/
})();
/******/
/******/ /* webpack/runtime/react refresh */
/******/ !(function () {
/******/ if (__webpack_require__.i) {
/******/ __webpack_require__.i.push(function (options) {
/******/ var originalFactory = options.factory;
/******/ options.factory = function (moduleObject, moduleExports, webpackRequire) {
/******/ var hasRefresh = typeof self !== 'undefined' && !!self.$RefreshInterceptModuleExecution$;
/******/ var cleanup = hasRefresh
? self.$RefreshInterceptModuleExecution$(moduleObject.id)
: function () {};
/******/ try {
/******/ originalFactory.call(this, moduleObject, moduleExports, webpackRequire);
/******/
} finally {
/******/ cleanup();
/******/
}
/******/
};
/******/
});
/******/
}
/******/
})();
/******/
/******/ /* webpack/runtime/compat */
/******/
/******/
/******/ // noop fns to prevent runtime errors during initialization
/******/ if (typeof self !== 'undefined') {
/******/ self.$RefreshReg$ = function () {};
/******/ self.$RefreshSig$ = function () {
/******/ return function (type) {
/******/ return type;
/******/
};
/******/
};
/******/
}
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module can't be inlined because the eval-source-map devtool is used.
/******/ var __webpack_exports__ = {};
/******/ __webpack_modules__[
'./node_modules/.pnpm/@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/@ducanh2912/next-pwa/dist/sw-entry-worker.js'
](0, __webpack_exports__, __webpack_require__);
/******/
/******/
})();
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export default function CharacterMemos() {
});

return (
<div className=" flex h-auto w-full flex-col items-center rounded-t-[24px] bg-newGray-100 pb-[160px] pt-[24px]">
<div className=" mt-[16px] flex h-auto w-full flex-col items-center rounded-t-[24px] bg-newGray-100 pb-[160px] pt-[24px]">
<h3 className="mb-[20px] w-full px-[24px] text-left text-Subtitle1 text-newGray-900">{`메모 ${totalCount > 0 ? totalCount : ''}`}</h3>
{memos.length === 0 && <NoMemoFallback />}
{memos.length > 0 && (
Expand Down
2 changes: 1 addition & 1 deletion src/app/(routes)/memos/_components/action-button.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
'use client';

import MeatballIcon from '@/assets/icons/meatball_20x20.svg';
import { Popover, PopoverContent, PopoverTrigger } from '@radix-ui/react-popover';
import { Popover, PopoverContent, PopoverPortal, PopoverTrigger } from '@radix-ui/react-popover';
import { PencilIcon, TrashIcon } from 'lucide-react';

export default function ActionButton({ onClick, onEdit }: { onClick: () => void; onEdit: () => void }) {
Expand Down
2 changes: 1 addition & 1 deletion src/app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ export default async function Home() {
</div>
<FixedBottomArea className="mb-[31px] gap-[16px]">
<Link href="/create">
<CtaButton shadow={false} text="내 캐릭터 만들기" />
<CtaButton text="내 캐릭터 만들기" />
</Link>
<div className="semibold-14 text-gray-400 ">
{'이미 도감이 있으면 '}
Expand Down
8 changes: 7 additions & 1 deletion src/components/character-detail/character-exp.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@

import { motion } from 'framer-motion';
import { useEffect, useState } from 'react';
import { Dialog, DialogContent, DialogOverlay } from '../ui-shadcn/dialog';

type Props = {
animate?: boolean;
Expand All @@ -25,6 +24,13 @@ export default function CharacterExp({ animate = false, currentExp, nextExp, lev
}
}, [isAnimating, animate, expAnimating, currentExp]);

if (isAnimating) {
document.body.style.overflow = 'hidden';
document.body.style.height = '100%';
} else {
document.body.style.overflow = 'auto';
}

return (
<>
{!isAnimating ? (
Expand Down
2 changes: 1 addition & 1 deletion src/components/create-character/fixed-bottom-area.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ type Props = {
export default function FixedBottomArea({ className, children, style }: Props) {
return (
<div
className={`absolute bottom-0 flex h-[auto] w-full flex-col items-center pt-[16px] ${className}`}
className={`fixed bottom-0 mx-auto flex h-[auto] w-full min-w-[350px] flex-col items-center items-center pt-[16px] lg:w-[400px] ${className}`}
style={style}
>
{children}
Expand Down
2 changes: 2 additions & 0 deletions src/components/create-character/memo-overlay/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ export default function MemoOverlay() {
if (searchParams.get('write') !== null) {
setIsOn(searchParams.get('write'));
} else setIsOn(null);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [searchParams.get('write')]);

useEffect(() => {
Expand All @@ -31,6 +32,7 @@ export default function MemoOverlay() {
} else {
setEditId(null);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [searchParams.get('edit')]);

if (typeof document !== 'undefined') {
Expand Down
6 changes: 5 additions & 1 deletion src/components/create-character/step-container.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,9 @@ import { PropsWithChildren } from 'react';
import { CarouselItem } from '../ui-shadcn/carousel';

export default function StepContainer({ children }: PropsWithChildren) {
return <CarouselItem className="relative m-0 flex w-full flex-col items-center p-0">{children}</CarouselItem>;
return (
<CarouselItem className="relative m-0 flex h-auto w-full flex-col items-center pl-0 pr-0 pt-0">
{children}
</CarouselItem>
);
}
2 changes: 1 addition & 1 deletion src/components/create-character/steps/select-color.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export default React.memo(function SelectColor() {
))}
</div>
<FixedBottomArea className="mb-[31px]">
<CtaButton shadow={false} disabled={selected === null} text="다음" onClick={handleClick} />
<CtaButton disabled={selected === null} text="다음" onClick={handleClick} />
</FixedBottomArea>
</>
);
Expand Down
Loading

0 comments on commit efa1872

Please sign in to comment.