Merge pull request #17 from CheatSOL/feat/logo

FEAT: 로고 컴포넌트 생성
CheatSOL · Jun 12, 2024 · 2e43acc · 2e43acc
2 parents a2e36f1 + 37938a7
commit 2e43acc
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
diff --git a/src/components/common/logo/Logo.jsx b/src/components/common/logo/Logo.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import { StyledLogoImg } from "./Logo.style";
+
+export default function Logo({ size }) {
+  return (
+    <a href="/">
+      <StyledLogoImg size={size} src="public/assets/images/logo.png" />
+    </a>
+  );
+}
diff --git a/src/components/common/logo/Logo.style.js b/src/components/common/logo/Logo.style.js
@@ -0,0 +1,6 @@
+import styled from "styled-components";
+
+export const StyledLogoImg = styled.img`
+  transform: ${({ size }) =>
+    size === "s" ? "scale(0.3)" : size === "m" ? "scale(0.5)" : "scale(0.8)"};
+`;