Skip to content

Commit

Permalink
chore(schedule): week title 퍼블리싱
Browse files Browse the repository at this point in the history
  • Loading branch information
Ubinquitous committed Jul 2, 2023
1 parent dd78b84 commit 518eb02
Showing 1 changed file with 34 additions and 0 deletions.
34 changes: 34 additions & 0 deletions src/page/schedule/layouts/WeekBox.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
import color from "@/styles/color";
import { font } from "@/styles/font";
import React from "react";
import styled from "styled-components";

const weeks = ["월", "화", "수", "목", "금"];

const WeekBox = () => {
return (
<Weeks>
{weeks.map((week) => (
<Week key={week}>{week}</Week>
))}
</Weeks>
);
};

const Weeks = styled.article`
display: flex;
width: 100%;
gap: 1.5%;
`;

const Week = styled.div`
width: 19%;
${font.caption};
color: ${color.gray};
&:after {
content: "요일";
}
`;

export default WeekBox;

0 comments on commit 518eb02

Please sign in to comment.