Skip to content

Commit

Permalink
style: fix style for desktop size
Browse files Browse the repository at this point in the history
GuiMoraesDev committed Aug 30, 2022
1 parent d477081 commit c67c156
Showing 3 changed files with 11 additions and 9 deletions.
1 change: 1 addition & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -28,6 +28,7 @@
"/^helpers/",
"/^layouts/",
"/^pages/",
"/^views/",
"/^patterns/",
"/^services/",
"/^dtos/",
14 changes: 6 additions & 8 deletions src/layouts/Private/styles.ts
Original file line number Diff line number Diff line change
@@ -12,13 +12,6 @@ export const Container = styled.div`
height: 100vh;
width: 100vw;
@media ${({ theme }) => theme.breakpoints.laptop} {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 10fr 1fr;
grid-template-areas: 'NavHeader Content';
}
`;

export const Header = styled.header`
@@ -49,7 +42,12 @@ export const PrivateContent = styled.main`
align-items: center;
justify-content: center;
padding: ${({ theme }) => theme.sizes.dimensions.spacing.sm};
padding: ${({ theme }) => theme.sizes.dimensions.spacing.xl};
gap: ${({ theme }) => theme.sizes.dimensions.spacing.xl};
width: 100%;
max-width: 600px;
margin: auto;
`;
5 changes: 4 additions & 1 deletion src/views/Home/__snapshots__/tests.spec.tsx.snap
Original file line number Diff line number Diff line change
@@ -163,8 +163,11 @@ exports[`Home page should render correctly 1`] = `
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1.2rem;
padding: 2.0rem;
gap: 2.0rem;
width: 100%;
max-width: 600px;
margin: auto;
}
.c1 {

0 comments on commit c67c156

Please sign in to comment.