통계

LinkMarry · Jan 20, 2025 · 6c836d5 · 6c836d5
1 parent 5b2071d
commit 6c836d5
Show file tree

Hide file tree

Showing 4 changed files with 256 additions and 113 deletions.
diff --git a/src/page/invitation/statistics/detail/InvitationStatisticsDetail.style.ts b/src/page/invitation/statistics/detail/InvitationStatisticsDetail.style.ts
@@ -1,13 +1,43 @@
 import styled from "styled-components";
 import colors from "@designsystem/foundation/colors";
+import makeText from "@designsystem/foundation/text/textType";
+
+const BaseRow = styled.div`
+    display: flex;
+    padding: 0 8px;
+    height: 60px;
+    align-items: stretch;
+`;
+
+const BaseCell = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 146px;
+    ${makeText('p4')};
+`
 
 const S = {
     container: styled.div`
         display: flex;
         flex: 1;
         overflow-y: scroll;
         background: ${colors.white};
-    `
+    `,
+    rsvp: {
+        headerRow: styled(BaseRow)`
+            border-bottom: 1px solid ${colors.black};
+        `,
+        bodyRow: styled(BaseRow)`
+            border-bottom: 1px solid ${colors.g100};
+        `,
+        contentCell: styled(BaseCell)`
+            flex: 1;
+        `,
+        cell: styled(BaseCell)<{ width: number }>`
+            width: ${({width}) => width}px;
+        `,
+    },
 };
 
 export default S;