@edu-tosel/design 1.0.99 → 1.0.101
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.
|
@@ -26,7 +26,7 @@ export default function ProgressCardSmall({ titles, displays, checks, nowFocus,
|
|
|
26
26
|
});
|
|
27
27
|
const titleBox = {
|
|
28
28
|
positions: "absolute top-2.5 right-2.5",
|
|
29
|
-
sizes: "max-w-
|
|
29
|
+
sizes: "max-w-[130px] w-1/3 h-16",
|
|
30
30
|
displays: "flex flex-col items-end",
|
|
31
31
|
backgrounds: nowFocus === true ? bgLight[theme ?? "green"] : "bg-transparent",
|
|
32
32
|
boundaries: "rounded-[10px]",
|
|
@@ -52,6 +52,7 @@ export default function Layout() {
|
|
|
52
52
|
startDate: "2024-10-01",
|
|
53
53
|
endData: "2024-10-31",
|
|
54
54
|
title: "24년도 하반기 고려대학교 미래교육원 토셀 전문가 과정 모집",
|
|
55
|
+
body: "https://www.tosel.org/uploads/book-info-img/1697164321986Listening-Series_Pre-Starter.png",
|
|
55
56
|
},
|
|
56
57
|
{
|
|
57
58
|
id: 6,
|
|
@@ -61,6 +62,7 @@ export default function Layout() {
|
|
|
61
62
|
startDate: "0000-00-00",
|
|
62
63
|
endDate: "0000-00-00",
|
|
63
64
|
title: "토셀, 경찰대학교 편입학전형 / 졸업인증 평가 반영",
|
|
65
|
+
body: "https://www.tosel.org/uploads/book-info-img/1697164321986Listening-Series_Pre-Starter.png",
|
|
64
66
|
},
|
|
65
67
|
];
|
|
66
68
|
const [selectedEvent, setSelectedEvent] = useState(null);
|
|
@@ -102,7 +104,7 @@ export default function Layout() {
|
|
|
102
104
|
return "";
|
|
103
105
|
}
|
|
104
106
|
};
|
|
105
|
-
return (_jsxs("div", { className: "min-h-screen w-full mx-auto", children: [_jsx("img", { src: "/images/promotion/promotionHeader.png", alt: "" }), _jsx("div", { className: "w-
|
|
107
|
+
return (_jsxs("div", { className: "min-h-screen w-full mx-auto", children: [_jsx("img", { src: "/images/promotion/promotionHeader.png", alt: "" }), _jsx("div", { className: "mmd:max-w-300 h-full flex flex-col mx-auto mmd:px-10", children: selectedEvent ? (_jsxs("div", { className: "flex flex-col mmd:flex-row", children: [_jsx("div", { className: "min-w-[320px] h-auto p-5 mmd:sticky mmd:top-20 mmd:self-start", children: _jsxs("div", { className: "w-full h-auto rounded-xl sm:flex mmd:flex-col", children: [_jsx("div", { className: "w-full mmd:h-50 overflow-hidden", children: _jsx("img", { src: selectedEvent.img, alt: "", className: "rounded-xl h-full object-cover w-full" }) }), _jsxs("div", { className: "w-full h-auto pt-5 sm:p-5 mmd:p-0 mmd:pt-5 gap-3 flex flex-col", children: [_jsx("div", { className: "flex items-center", children: getStatusText(selectedEvent) }), _jsx("div", { className: "text-sm font-bold text-gray-dark flex items-center mb-2", children: selectedEvent.title }), _jsxs("div", { className: "w-full h-12 flex items-center justify-center rounded-md text-white cursor-pointer font-bold gap-3 text-sm xs:text-md", style: {
|
|
106
108
|
background: "linear-gradient(269deg, rgba(118, 0, 35) 0%, rgba(16, 86, 82) 100%)",
|
|
107
|
-
}, children: [_jsx(BsCreditCard, { className: "text-xl" }), "\uC5F0\uB3D9\uD558\uACE0 \uCFE0\uD3F0\uBC1B\uAE30"] })] })] }, selectedEvent.id) }), _jsxs("div", { className: "flex-grow p-5", children: [_jsx("div", { children: _jsx("img", { src: selectedEvent.body, className: "w-full rounded-xl object-cover", alt: "" }) }), _jsx("button", { onClick: handleBackToList, className: "p-5 bg-green-dark/5 text-green-dark rounded-xl flex items-center justify-center hover:bg-green-dark/20 transition-all", children: "\uBAA9\uB85D\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex justify-between h-14.5 border-b-1", children: [_jsxs("div", { className: "w-80 h-9.5 flex items-center bg-[#f0f0f0]/10 rounded-xl", children: [_jsx(IoIosSearch, { className: "text-
|
|
109
|
+
}, children: [_jsx(BsCreditCard, { className: "text-lg xs:text-xl" }), "\uC5F0\uB3D9\uD558\uACE0 \uCFE0\uD3F0\uBC1B\uAE30"] })] })] }, selectedEvent.id) }), _jsxs("div", { className: "flex-grow p-5", children: [_jsx("div", { children: _jsx("img", { src: selectedEvent.body, className: "w-full rounded-xl object-cover", alt: "" }) }), _jsx("button", { onClick: handleBackToList, className: "p-5 bg-green-dark/5 text-green-dark rounded-xl flex items-center justify-center hover:bg-green-dark/20 transition-all", children: "\uBAA9\uB85D\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col sm:flex-row justify-between min-h-14.5 border-b-1", children: [_jsxs("div", { className: "w-full mb-5 h-9 sm:w-80 sm:h-9.5 flex items-center bg-[#f0f0f0]/10 rounded-xl", children: [_jsx(IoIosSearch, { className: "text-xl text-green-dark mr-3" }), _jsx("input", { type: "text", placeholder: "\uD0A4\uC6CC\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694.", className: "w-full h-full text-sm bg-[#f0f0f0]/10 placeholder:text-[#7f7f7f] placeholder:font-light outline-none" })] }), _jsx("div", { className: "flex h-9 pb-5 sm:pb-0 sm:h-9.5 items-center justify-center", children: ["모두보기", "진행 중", "예정된", "토셀소식"].map((item) => (_jsx("div", { className: "text-xs sm:text-2xs md:text-xs p-3 flex items-center justify-center cursor-pointer", children: item }, item))) })] }), _jsx("div", { className: "pt-5 flex grid sm:grid-cols-2 md:grid-cols-3 gap-5 rounded-xl", children: eventsData.map((event) => (_jsxs("div", { onClick: () => handleCardClick(event), className: "w-full max-h-84 shadow-md rounded-xl cursor-pointer box-shadow-green transition-all duration-500", children: [_jsx("div", { className: "w-full max-h-50 rounded-t-xl overflow-hidden relative", children: _jsx("img", { src: event.img, alt: "", className: "w-full" }) }), _jsxs("div", { className: "w-full min-h-34 p-8 gap-3 flex flex-col", children: [_jsx("div", { className: "flex items-center", children: getStatusText(event) }), _jsx("div", { className: "text-sm font-bold text-gray-dark flex items-center", children: event.title })] })] }, event.id))) })] })) })] }));
|
|
108
110
|
}
|
package/package.json
CHANGED
package/tailwind.config.ts
CHANGED
package/version.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
1.0.
|
|
1
|
+
1.0.101
|
|
@@ -3,13 +3,15 @@ import { cn } from "../../util";
|
|
|
3
3
|
export default function Counter({ titles, counts, option }) {
|
|
4
4
|
const { position, boundary } = option ?? {};
|
|
5
5
|
const container = {
|
|
6
|
-
|
|
7
|
-
displays: "flex justify-between items-end",
|
|
6
|
+
displays: "flex justify-between items-start",
|
|
8
7
|
sizes: "w-full h-15",
|
|
9
8
|
positions: position ?? "top-5 right-0",
|
|
10
|
-
boundaries: boundary
|
|
9
|
+
boundaries: boundary,
|
|
10
|
+
};
|
|
11
|
+
const titleBox = {
|
|
12
|
+
displays: "flex flex-col gap-y-4",
|
|
13
|
+
fonts: "leading-tight",
|
|
11
14
|
};
|
|
12
|
-
const titleBox = {};
|
|
13
15
|
const countBox = {
|
|
14
16
|
displays: "flex gap-x-5",
|
|
15
17
|
sizes: "h-full",
|
|
@@ -20,7 +22,7 @@ export default function Counter({ titles, counts, option }) {
|
|
|
20
22
|
backgrounds: "bg-gray-light",
|
|
21
23
|
styles: "rounded-[4px] p-1",
|
|
22
24
|
};
|
|
23
|
-
return (_jsxs("div", { className: cn(container), children: [
|
|
25
|
+
return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: cn(titleBox), children: [_jsx("div", { className: "font-pretendard-bold", children: titles.title }), _jsx("div", { className: "", children: titles.subtitle })] }), _jsxs("div", { className: cn(countBox), children: [_jsx("div", { className: "flex gap-x-2.5 h-full", children: counts?.map((count) => (_jsx(CountBox, { ...count }, count.title))) }), _jsxs("div", { className: cn(total), children: [_jsx("div", { className: "text-xs text-gray-medium leading-tight", children: "\uC804\uCCB4" }), _jsx("div", { className: "font-pretendard-bold w-full leading-none text-end ", children: Object.values(counts)
|
|
24
26
|
.map((count) => count.count)
|
|
25
27
|
.reduce((acc, cur) => acc + cur, 0) })] })] })] }));
|
|
26
28
|
}
|