#52 <feat> : AccordionMenu 컴포넌트 생성

fe/src/app/_component/AccordionMenu.css.ts

@@ -0,0 +1,15 @@
+import { style } from "@vanilla-extract/css";
+
+export const container = style({
+  display: 'flex',
+  flexDirection: 'row',
+  margin: '8px',
+  fontWeight: 500,
+  '@media': {
+    '(max-width: 1100px)': {
+      flexDirection: 'row',
+      margin: '8px',
+
+    }
+  }
+})

fe/src/app/_component/AccordionMenu.tsx

@@ -0,0 +1,20 @@
+import * as styles from './AccordionMenu.css'
+
+const AccordionMenu = () => {
+
+  return (
+    <div className={styles.container}>
+      <button >메뉴</button>
+      <div className="menu-content">
+        <ol>
+          <li>결제 수단 선택</li>
+          <li>결제 인증</li>
+          <li>요류 정보 알리기</li>
+        </ol>
+      </div>
+    </div>
+  );
+};
+
+export default AccordionMenu;
+// className={styles.closeButton}