@edu-tosel/design 1.0.148 → 1.0.150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/layout/template/Legacy/Integrate.js +4 -4
  2. package/layout/template/home/Navigation.js +1 -1
  3. package/layout/template/home/Notice.js +1 -1
  4. package/layout/template/home/Promotion.js +1 -1
  5. package/layout/template/home/Service.js +1 -1
  6. package/layout/template/home/layout/Carousel.js +2 -2
  7. package/package.json +1 -1
  8. package/version.txt +1 -1
package/layout/template/Legacy/Integrate.js CHANGED
@@ -22,7 +22,7 @@ export default function Integrate({ isLoading, isUser, usernameState: [oldUserna
22
22
  "토셀 사이트가 리뉴얼되었습니다.",
23
23
  "2024.08.26까지 사용하던 계정(구 tosel.org) 연동으로",
24
24
  "이전 시험 데이터를 확인하세요!",
25
- ], className: "text-xs md:text-sm" }) })] }), _jsx(Input.Form, { title: "\uC544\uC774\uB514/\uB2E8\uCCB4\uCF54\uB4DC (\uAD6C \uC0AC\uC774\uD2B8)", state: [oldUsername, setUsername], option: {
25
+ ], className: "text-xs md:text-sm" }) })] }), _jsx(Input.Form, { title: "\uC544\uC774\uB514 \uB610\uB294 \uB2E8\uCCB4\uCF54\uB4DC (\uAD6C \uC0AC\uC774\uD2B8)", state: [oldUsername, setUsername], option: {
26
26
  text: "text-green-dark",
27
27
  } }), _jsx(Input.Form, { title: "\uBE44\uBC00\uBC88\uD638", type: "password", state: [oldPassword, setPassword], onKeyDown: (e) => {
28
28
  if (oldUsername && oldPassword && e.key === "Enter") {
@@ -30,9 +30,9 @@ export default function Integrate({ isLoading, isUser, usernameState: [oldUserna
30
30
  }
31
31
  }, option: {
32
32
  text: "text-green-dark",
33
- } }), _jsxs("div", { className: "flex w-full justify-between items-center mt-12", children: [_jsx("button", { onClick: () => {
34
- alert("계정 분실 관련 문의는 tosel_cs@tosel.co.kr으로 메일 부탁드립니다.");
35
- }, className: "pl-2.5 text-gray-medium", children: "\uACC4\uC815 \uBB38\uC758" }), _jsx(Button, { title: "\uC5F0\uB3D9\uD558\uAE30", onClick: submit, option: {
33
+ } }), _jsxs("div", { className: "flex w-full justify-between items-center mt-12", children: [_jsxs("div", { className: "flex pl-1.5 gap-x-3.5", children: [_jsx("button", { onClick: () => window.open("https://tosel.org/new/find_idpw"), className: "text-gray-medium", children: "(\uAD6C)\uACC4\uC815 \uCC3E\uAE30" }), _jsx("button", { onClick: () => {
34
+ alert("구 계정 관련 기타 문의는 tosel_cs@tosel.co.kr으로 메일 부탁드립니다.");
35
+ }, className: "text-gray-medium", children: "\uAE30\uD0C0 \uBB38\uC758" })] }), _jsx(Button, { title: "\uC5F0\uB3D9\uD558\uAE30", onClick: submit, option: {
36
36
  width: "md",
37
37
  height: "md",
38
38
  text: "text-white",
package/layout/template/home/Navigation.js CHANGED
@@ -11,7 +11,7 @@ export default function Navigation({ clickBrowser, elements, }) {
11
11
  styles: "rounded-r-xl",
12
12
  };
13
13
  const transition = useTransition(!flag, {
14
- from: { width: 80, height: 100 },
14
+ from: { width: 56, height: 320 },
15
15
  leave: { width: 0, height: screen.height, duration: 500 },
16
16
  });
17
17
  const overlayTransition = useTransition(flag, {
package/layout/template/home/Notice.js CHANGED
@@ -54,7 +54,7 @@ export default function Notice({ banners }) {
54
54
  const buttonPositioning = {
55
55
  displays: "hidden flex-row md:flex",
56
56
  sizes: "w-full h-full",
57
- spacings: "px-2",
57
+ spacings: "md:pl-[72px] pl-2 pr-2",
58
58
  positions: "absolute top-0 left-0 justify-between items-center opacity-0 group-hover:opacity-100 duration-300",
59
59
  hovering: "group pointer-events-none",
60
60
  };
package/layout/template/home/Promotion.js CHANGED
@@ -51,7 +51,7 @@ export default function Promotion({ banners, option, }) {
51
51
  const buttonPositioning = {
52
52
  displays: "hidden flex-row md:flex",
53
53
  sizes: "w-full h-full",
54
- spacings: "px-2",
54
+ spacings: "md:pl-[72px] pl-2 pr-2",
55
55
  positions: "absolute top-0 left-0 justify-between items-center opacity-0 group-hover:opacity-100 duration-300",
56
56
  hovering: "group pointer-events-none",
57
57
  };
package/layout/template/home/Service.js CHANGED
@@ -50,7 +50,7 @@ export default function Service({ banners }) {
50
50
  const buttonPositioning = {
51
51
  displays: "hidden flex-row md:flex",
52
52
  sizes: "w-full h-full",
53
- spacings: "px-2",
53
+ spacings: "md:pl-[72px] pl-2 pr-2",
54
54
  positions: "absolute top-0 left-0 justify-between items-center opacity-0 group-hover:opacity-100 duration-300",
55
55
  hovering: "group pointer-events-none",
56
56
  };
package/layout/template/home/layout/Carousel.js CHANGED
@@ -86,8 +86,8 @@ export default function Carousel({ contents, }) {
86
86
  paddings: "px-1.5 mt-0 mb-5 md:mt-12 ",
87
87
  };
88
88
  const buttonBoxPosition = {
89
- display: "absolute flex justify-center items-center md:static md:justify-start",
89
+ display: "absolute flex justify-center items-center md:static md:justify-start ",
90
90
  sizes: "w-full h-fit left-0 bottom-0 z-10",
91
91
  };
92
- return (_jsx("div", { onClick: contents[index].onClick, className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsxs("div", { className: "duration-500 w-fit h-fit flex flex-col mt-4 xxs:mt-8 xxs:flex-row xxs:gap-8 md:flex-col md:flex-none md:w-72 md:pl-7.5 md:gap-6 md:mt-0", children: [_jsxs("div", { className: cn(titleSet), children: [_jsx("div", { className: cn(tagBox), children: tagString[tag.type] }), _jsx("div", { className: "font-pretendard-bold text-xl md:text-2xl", children: titles.title })] }), _jsx(LineBreaks, { className: "w-fit flex flex-col justify-center text-sm my-2 xxs:mt-0 md:text-base", texts: titles.subtitle }), _jsx("div", { className: cn(buttonBoxPosition), children: _jsxs("div", { className: cn(buttonBox), children: [_jsx("button", { onClick: handlePrev, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.LessThan, {}) }), _jsxs("div", { className: "flex flex-row md:gap-2 gap-4 justify-center items-center", children: [_jsx("div", { className: "text-white w-2 text-sm", children: index + 1 }), _jsx("div", { className: "w-0.5 h-3 bg-gray-medium" }), _jsx("div", { className: "text-white w-2 text-sm", children: contents.length })] }), _jsx("button", { onClick: handleNext, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.GreaterThan, {}) })] }) })] }), _jsx("div", { className: "h-full overflow-hidden w-fit", children: image && (_jsx(animated.img, { src: image, alt: "carousel-image", onLoad: () => setLoaded(true), className: "object-cover h-full z-0", style: transitionStyles })) })] }) }));
92
+ return (_jsx("div", { onClick: contents[index].onClick, className: cn(container), children: _jsxs("div", { className: cn(body), children: [_jsxs("div", { className: "duration-500 w-fit h-fit flex flex-col mt-4 xxs:mt-8 xxs:flex-row xxs:gap-8 md:flex-col md:flex-none md:w-72 md:pl-7.5 md:gap-6 md:mt-0", children: [_jsxs("div", { className: cn(titleSet), children: [_jsx("div", { className: cn(tagBox), children: tagString[tag.type] }), _jsx("div", { className: "font-pretendard-bold text-xl md:text-2xl", children: titles.title })] }), _jsx(LineBreaks, { className: "w-fit flex flex-col justify-center text-sm my-2 xxs:mt-0 md:text-base", texts: titles.subtitle }), _jsx("div", { className: cn(buttonBoxPosition), onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: cn(buttonBox), children: [_jsx("button", { onClick: handlePrev, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.LessThan, {}) }), _jsxs("div", { className: "flex flex-row md:gap-2 gap-4 justify-center items-center", children: [_jsx("div", { className: "text-white w-2 text-sm", children: index + 1 }), _jsx("div", { className: "w-0.5 h-3 bg-gray-medium" }), _jsx("div", { className: "text-white w-2 text-sm", children: contents.length })] }), _jsx("button", { onClick: handleNext, className: "w-5 h-5 flex justify-center items-center", children: _jsx(SVG.Symbol.GreaterThan, {}) })] }) })] }), _jsx("div", { className: "h-full overflow-hidden w-fit", children: image && (_jsx(animated.img, { src: image, alt: "carousel-image", onLoad: () => setLoaded(true), className: "object-cover h-full z-0", style: transitionStyles })) })] }) }));
93
93
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edu-tosel/design",
3
- "version": "1.0.148",
3
+ "version": "1.0.150",
4
4
  "description": "UI components for International TOSEL Committee",
5
5
  "keywords": [
6
6
  "jsx",
package/version.txt CHANGED
@@ -1 +1 @@
1
- 1.0.148
1
+ 1.0.150