From 4fc65af411956596a674da2af1c90a99ca63d4d1 Mon Sep 17 00:00:00 2001
From: VitorCarvalho67 <vitor.carvalho67@etec.sp.gov.br>
Date: Mon, 4 Nov 2024 10:16:00 -0300
Subject: [PATCH 1/3] Fix error on pesquisa page

---
 client/src/scss/pages/shared/_vagas.scss | 39 ++++++++++++++++++++----
 client/src/views/aluno/Pesquisa.vue      |  2 +-
 2 files changed, 34 insertions(+), 7 deletions(-)

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/Pesquisa.vue b/client/src/views/aluno/Pesquisa.vue
index 9581495..395225e 100644
--- a/client/src/views/aluno/Pesquisa.vue
+++ b/client/src/views/aluno/Pesquisa.vue
@@ -45,7 +45,7 @@
 </template>
 
 <script>
-import Header from '../../components/Header.vue';
+import Header from '../../components/aluno/Header.vue';
 import AsideDashboard from '../../components/aluno/AsideDashboard.vue';
 import searchIcon from '../../assets/icons/procurar.png';
 

From c9bc61ce5fe28987a2a644aad96dc64978ef3e73 Mon Sep 17 00:00:00 2001
From: VitorCarvalho67 <vitor.carvalho67@etec.sp.gov.br>
Date: Mon, 4 Nov 2024 10:39:56 -0300
Subject: [PATCH 2/3] Finish config aluno page responsiveness

---
 client/src/scss/pages/aluno/_config.scss | 39 ++++++++++++++++++++----
 client/src/views/aluno/Config.vue        |  5 ++-
 2 files changed, 35 insertions(+), 9 deletions(-)

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/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 @@
             </div>
         </div>
     </main>
-    <Footer />
 </template>
 
 <script>
@@ -273,7 +272,7 @@ export default {
 #app {
     display: flex;
     flex-direction: column;
-    height: 100vh;
+    
 
     main {
         display: flex;
@@ -283,7 +282,7 @@ export default {
         .content {
             flex: 1;
             overflow-y: auto;
-            height: 100%;
+            min-height: calc(100vh - 80px);
 
             @media (max-width: 1000px) {
                 width: calc(100% - 100px);

From ad99099514ed9acd4c3101cefaf69d3bb5aeb0d5 Mon Sep 17 00:00:00 2001
From: VitorCarvalho67 <vitor.carvalho67@etec.sp.gov.br>
Date: Mon, 4 Nov 2024 10:45:07 -0300
Subject: [PATCH 3/3] Fix error some home aluno page responsiveness

---
 client/src/scss/pages/aluno/_home.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

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;
             }
         }
     }