diff --git a/client/src/scss/pages/aluno/_config.scss b/client/src/scss/pages/aluno/_config.scss
index 5411cd4..937dec8 100644
--- a/client/src/scss/pages/aluno/_config.scss
+++ b/client/src/scss/pages/aluno/_config.scss
@@ -14,10 +14,20 @@ main {
@include flex(column, flex-start, start);
}
- #box1 {
- width: 70%;
- margin-right: 20px;
+ @include m-screen(1000px) {
+ padding: 50px 20px 20px 70px;
+ }
+
+ @include m-screen(700px) {
+ @include flex(column-reverse, flex-start, start);
+ padding: 50px 20px 20px 50px;
+ }
+ @include m-screen(350px) {
+ padding: 50px 20px 20px 30px;
+ }
+
+ #box1 {width: 70%;
h1 {
font-size: 2rem;
color: $secondary-color-orange;
@@ -36,9 +46,9 @@ main {
h2 {
font-size: 1.3rem;
color: $font-color-dark-2;
- margin-bottom: 40px;
-
+ margin-bottom: 60px;
@include font-inter(300);
+
@include m-screen(1400px) {
font-size: 1.1rem;
}
@@ -49,7 +59,7 @@ main {
font-size: 0.9rem;
}
}
-
+
h3 {
font-size: 1.5rem;
color: $font-color-dark;
@@ -64,8 +74,17 @@ main {
@include m-screen(860px) {
font-size: 0.7rem;
}
+ }
+
+ @include m-screen(1000px) {
+ width: 60%;
}
+ @include m-screen(700px) {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+
.inputUpload {
position: relative;
margin: 20px 0px 40px 0px;
@@ -231,6 +250,14 @@ main {
@include font-inter(300);
}
}
+
+ @include m-screen(1000px) {
+ width: 40%;
+ }
+
+ @include m-screen(700px) {
+ width: 100%;
+ }
}
}
}
diff --git a/client/src/scss/pages/aluno/_home.scss b/client/src/scss/pages/aluno/_home.scss
index d02ba97..bb14b52 100644
--- a/client/src/scss/pages/aluno/_home.scss
+++ b/client/src/scss/pages/aluno/_home.scss
@@ -30,9 +30,6 @@ main {
@include m-screen(1120px) {
font-size: 1.6rem;
}
- @include m-screen(860px) {
- font-size: 1.3rem;
- }
}
h2 {
@@ -46,9 +43,6 @@ main {
@include m-screen(1120px) {
font-size: 1rem;
}
- @include m-screen(860px) {
- font-size: 0.9rem;
- }
}
width: 70%;
@@ -71,6 +65,12 @@ main {
background-color: $secondary-color-dark;
border-left: solid 3px $secondary-color-orange;
+ @include m-screen(700px) {
+ width: 95%;
+ padding: 15px;
+ border-radius: 0px 8px 8px 0px;
+ }
+
.img-box {
width: 70px;
height: 70px;
@@ -162,6 +162,7 @@ main {
@include m-screen(700px) {
width: 100%;
+ margin-bottom: 20px;
}
}
}
diff --git a/client/src/scss/pages/shared/_vagas.scss b/client/src/scss/pages/shared/_vagas.scss
index e834505..8b786dc 100644
--- a/client/src/scss/pages/shared/_vagas.scss
+++ b/client/src/scss/pages/shared/_vagas.scss
@@ -17,9 +17,17 @@
.search {
@include flex(row, center, start);
- height: 50px;
- width: 62%;
- padding: 20px 30px 20px 80px;
+ width: 100%;
+ max-width: 1000px;
+ padding: 80px 30px 20px 80px;
+
+ @include m-screen(800px) {
+ padding: 80px 30px 20px 20px;
+ }
+
+ @include m-screen(520px) {
+ padding: 80px 10px 20px 10px;
+ }
.box {
@include flex(row, cen, start);
@@ -44,6 +52,7 @@
height: 100%;
background-color: transparent;
border: none;
+ margin-right: 18px;
img {
height: 55%;
@@ -56,12 +65,30 @@
}
> .box {
- @include flex(column, flex-start, end);
+ @include flex(column, flex-start, start);
padding: 50px 0px 0px 100px;
width: 70%;
- height: 100%;
+ max-height: 100%;
+ overflow-y: auto;
+
+ &::-webkit-scrollbar {
+ width: 0px;
+ }
+
+ &::-webkit-scrollbar-track {
+ background: transparent;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: rgba(0, 0, 0, 0.2);
+ border-radius: 10px;
+ }
+
+ scrollbar-width: thin;
+ scrollbar-color: rgba(0, 0, 0, 0) transparent;
+
- @include m-screen(1600px) {
+ @include m-screen(1500px) {
width: 80%;
}
diff --git a/client/src/views/aluno/Config.vue b/client/src/views/aluno/Config.vue
index d830bac..b92ac18 100644
--- a/client/src/views/aluno/Config.vue
+++ b/client/src/views/aluno/Config.vue
@@ -76,7 +76,6 @@
-