Skip to content

Commit

Permalink
[#2] feat : add test header
Browse files Browse the repository at this point in the history
  • Loading branch information
JZU0 committed Dec 19, 2023
1 parent c06b32a commit b9d2be2
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 0 deletions.
15 changes: 15 additions & 0 deletions src/components/TestHeader/index.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import React from "react";
import { Container, BackButton, Logo } from "./styled";
import back from "../../assets/images/back.png";
import logo from "../../assets/images/test_header_logo.png";

const TestHeader = () => {
return (
<Container>
<BackButton src={back} alt="Back Button" />
<Logo src={logo} alt="Logo" />
</Container>
);
};

export default TestHeader;
23 changes: 23 additions & 0 deletions src/components/TestHeader/styled.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
import styled from "styled-components";

export const Container = styled.div`
display: flex;
align-items: center;
width: 96vw;
height: 6vh;
padding: 2vw;
border-bottom: 1px solid white;
position: relative;
`;

export const BackButton = styled.img`
width: 32px;
position: absolute;
left: 10;
`;

export const Logo = styled.img`
max-width: 100%;
height: auto;
margin: 0 auto;
`;

0 comments on commit b9d2be2

Please sign in to comment.