temp

choooz · Sep 27, 2023 · 2e96b85 · 2e96b85
1 parent 95d4e41
commit 2e96b85
Showing 1 changed file with 39 additions and 0 deletions.
diff --git a/apps/jurumarble/src/app/my/edit/components/UserInfoContainer.tsx b/apps/jurumarble/src/app/my/edit/components/UserInfoContainer.tsx
@@ -0,0 +1,39 @@
+import ImageUploadButton from "components/ImageUploadButton";
+import styled, { css } from "styled-components";
+
+function UserInfoEditContainer() {
+  return (
+    <Container>
+      <ImageUploadButton width="88px" height="88px"></ImageUploadButton>
+      <H3>닉네임</H3>
+      <Input placeholder="닉네임을 입력해주세요." width="100%" />
+      <H3>주량</H3>
+    </Container>
+  );
+}
+
+const Container = styled.div`
+  ${({ theme }) => css`
+    ${theme.typography.body01}
+    color: ${theme.colors.black_01};
+  `}
+`;
+
+const H3 = styled.h3`
+  margin-top: 30px;
+`;
+
+const Input = styled.input`
+  ${({ theme }) => css`
+    ${theme.typography.body03}
+    color: ${theme.colors.black_02};
+    border: solid 1px ${theme.colors.line_01};
+    width: 100%;
+    height: 48px;
+    margin-top: 12px;
+    padding: 15px 14px;
+    border-radius: 4px;
+  `};
+`;
+
+export default UserInfoEditContainer;