Skip to content

Commit

Permalink
storm
Browse files Browse the repository at this point in the history
  • Loading branch information
PaulZhemanov committed Oct 3, 2023
1 parent f3c97ee commit cd5e805
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 15 deletions.
20 changes: 10 additions & 10 deletions src/components/Flex.ts
Original file line number Diff line number Diff line change
Expand Up @@ -32,13 +32,13 @@ export const Row = styled.div<IFlexProps>`
mainAxisSize === "fit-content" ? "fit-content" : "100%"};
`;

export const Column = styled.div<IFlexProps>`
display: flex;
flex-direction: column;
justify-content: ${({ justifyContent }) => justifyContent ?? "start"};
align-items: ${({ alignItems }) => alignItems ?? "start"};
width: ${({ crossAxisSize }) =>
crossAxisSize === "max" ? "100%" : "fit-content"};
height: ${({ mainAxisSize }) =>
mainAxisSize === "stretch" ? "100%" : "fit-content"};
`;
// export const Column = styled.div<IFlexProps>`
// display: flex;
// flex-direction: column;
// justify-content: ${({ justifyContent }) => justifyContent ?? "start"};
// align-items: ${({ alignItems }) => alignItems ?? "start"};
// width: ${({ crossAxisSize }) =>
// crossAxisSize === "max" ? "100%" : "fit-content"};
// height: ${({ mainAxisSize }) =>
// mainAxisSize === "stretch" ? "100%" : "fit-content"};
// `;
4 changes: 1 addition & 3 deletions src/components/Task.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,7 @@ const Root = styled.div`
flex-direction: column;
padding: 20px;
background: #f3f5f6;
border-radius: 12px;
background: #fff;
box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.15);
& .remove-task-button,
Expand Down Expand Up @@ -64,7 +62,7 @@ const Task: React.FC<IProps> = () => {
fontWeight="700"
textTransform="uppercase"
color="#363636"
showUnderline={true}
showUnderline
inputLength={20}
/>
<Bin className="remove-task-button" />
Expand Down
4 changes: 2 additions & 2 deletions src/components/Todolist.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ const TodoList: React.FC<IProps> = () => {
fontSize="28px"
fontWeight="600"
opacity="0.7"
showUnderline={true}
showUnderline
inputLength={20}
/>
<Bin className="remove-todolist-button" />
Expand All @@ -83,4 +83,4 @@ const TodoList: React.FC<IProps> = () => {
</Root>
)
}
export default TodoList
export default TodoList

0 comments on commit cd5e805

Please sign in to comment.