chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

메일 관리 작업 저장용 커밋

Browse Source
This commit is contained in:
leeheejin
2025-10-01 16:15:53 +09:00
parent 2a8841c6dc
commit 0209be8fd6
65 changed files with 8636 additions and 2145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/lib/registry/components/accordion-basic/AccordionBasicComponent.tsx
View File

@@ -89,26 +89,32 @@ const CustomAccordion: React.FC<CustomAccordionProps> = ({
onClick={() => toggleItem(item.id)}
style={{
width: "100%",
padding: "12px 16px",
padding: "16px 20px",
textAlign: "left",
borderTop: "1px solid #e5e7eb",
borderLeft: "1px solid #e5e7eb",
borderRight: "1px solid #e5e7eb",
borderBottom: openItems.has(item.id) ? "none" : index === items.length - 1 ? "1px solid #e5e7eb" : "none",
backgroundColor: "#f9fafb",
backgroundColor: openItems.has(item.id) ? "#fef3c7" : "#f9fafb",
cursor: "pointer",
display: "flex",
justifyContent: "space-between",
alignItems: "center",
fontSize: "14px",
fontWeight: "500",
transition: "all 0.2s ease",
fontWeight: "600",
transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
borderRadius: openItems.has(item.id) ? "8px 8px 0 0" : "0",
boxShadow: openItems.has(item.id) ? "0 2px 4px rgba(0, 0, 0, 0.1)" : "none",
}}
onMouseEnter={(e) => {
e.currentTarget.style.backgroundColor = "#f3f4f6";
e.currentTarget.style.backgroundColor = openItems.has(item.id) ? "#fde68a" : "#f3f4f6";
e.currentTarget.style.transform = "translateY(-1px)";
e.currentTarget.style.boxShadow = "0 4px 8px rgba(0, 0, 0, 0.15)";
}}
onMouseLeave={(e) => {
e.currentTarget.style.backgroundColor = "#f9fafb";
e.currentTarget.style.backgroundColor = openItems.has(item.id) ? "#fef3c7" : "#f9fafb";
e.currentTarget.style.transform = "translateY(0)";
e.currentTarget.style.boxShadow = openItems.has(item.id) ? "0 2px 4px rgba(0, 0, 0, 0.1)" : "none";
}}
>
<span>{item.title}</span>
@@ -125,13 +131,16 @@ const CustomAccordion: React.FC<CustomAccordionProps> = ({
<div
className="accordion-content"
style={{
maxHeight: openItems.has(item.id) ? "200px" : "0px",
maxHeight: openItems.has(item.id) ? "500px" : "0px",
overflow: "hidden",
transition: "max-height 0.3s ease",
transition: "max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
borderLeft: openItems.has(item.id) ? "1px solid #e5e7eb" : "none",
borderRight: openItems.has(item.id) ? "1px solid #e5e7eb" : "none",
borderTop: "none",
borderBottom: index === items.length - 1 ? "1px solid #e5e7eb" : "none",
backgroundColor: "#ffffff",
borderRadius: openItems.has(item.id) ? "0 0 8px 8px" : "0",
boxShadow: openItems.has(item.id) ? "0 2px 4px rgba(0, 0, 0, 0.1)" : "none",
}}
>
<div