HenriqueSantosSantana/desafio-react-e-typescript-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(align): created spaces in main title in page routes for large,medium,small devices

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-12-30 19:59:14 -03:00
parent 08c5c7f98a
commit 4b789e7524
3 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/settings/routes/index.module.scss
View File

@ -23,7 +23,7 @@ main :global {
@media screen and (min-width: 1025px) {
width: function.fluid(1080px, 1280px);
margin: 29px auto 0;
margin: 29px auto 81px;
padding: 0;
}

6
src/settings/styles/global/_config.scss
View File

@ -62,9 +62,15 @@ textarea {
text-transform: uppercase;
color: var(--clr-gray-900);
@media screen and (min-width: 1025px) {
margin-bottom: 82px;
}
}
.title {
margin-bottom: 12px;
font-weight: 700;
font-size: var(--txt-xl);

2
src/template/Sidebar/index.module.scss
View File

@ -4,6 +4,7 @@
margin-top: 40px;
@media screen and (min-width: 1025px) {
margin-top: 0;
border-right: 1px solid var(--clr-common-black);
}
@ -28,6 +29,7 @@
&.active {
background-color: var(--clr-common-black);
color: var(--clr-common-white);
font-weight: 700;
}
}
}