front ajustes

CyberAula · Jun 11, 2024 · 6827e6e · 6827e6e
1 parent dba4c40
commit 6827e6e
Show file tree

Hide file tree

Showing 8 changed files with 38 additions and 40 deletions.
diff --git a/app/page.js b/app/page.js
@@ -42,22 +42,20 @@ export default function Home() {
                   />
                 </div>
               </div>
+
+
               <div className="body lg:mx-36 md:mx-14 sm:mx-8 mx-4 lg:my-12 md:my-8 sm:my-4 my-4 xl:mx-44 2xl:mx-60">
                 <section className="award_section">
-                <FontAwesomeIcon className="award_icon" icon={faTrophy} />
-                    <div className="award_title">
-
-                      <div>
+                  <FontAwesomeIcon className="award_icon" icon={faTrophy} />
+                  <div className="award_title">
+                    <div>
                       <h3> {t("front.awardH2")} </h3>
                       <h5>{t("front.awardTitle")}</h5>
-                      </div>
-                      <div className="award_card_text">
-
-                    <small>{t("front.awardBody")}</small>
-                </div>
                     </div>
-
-
+                    <div className="award_card_text">
+                      <small>{t("front.awardBody")}</small>
+                    </div>
+                  </div>
                 </section>
 
                 <section className="latest_publications">
@@ -80,7 +78,8 @@ export default function Home() {
 
                   <GridElement />
                 </section>
-              </div>
+              </div> 
+
             </section>
           </main>
           <Footer />

diff --git a/app/sass/lib/_mixins.sass b/app/sass/lib/_mixins.sass
@@ -228,10 +228,11 @@
     width: 100vw
     display: flex
     flex-flow: wrap row
+    gap: 1.5rem
     justify-content: space-between
     align-items: center
     transition: 0.5s
-    padding: 1.5rem 2.5rem 1.5rem 2.25rem
+    padding: 1.5rem 2.25rem 1.5rem 2.25rem
     .imagotype 
         width: 100%
         display: flex
@@ -271,13 +272,13 @@
         justify-content: space-between
         flex-wrap: nowrap
         align-items: center
-        padding: 1.6rem 0rem 0 0rem
+        // padding: 1.6rem 0rem 0 0rem
         ul 
             display: flex
             flex-flow: row nowrap
             justify-content: space-between
             font-size: 1.2rem
-            gap: 1.2rem
+            gap: 2rem
 
 @mixin nav_bar_one_line
     .imagotype

diff --git a/app/sass/lib/_type.sass b/app/sass/lib/_type.sass
@@ -14,10 +14,10 @@
 
 $icon: 14px,14px, 16px,400
 $xs-text: 14px, 13px, 16px, 400, 140%, 1rem, 0.6rem //small
-$body-text: 14px, 16px, 19px, 400, 140%, 1rem, 0.6rem
-$button: 14px, 16px, 19px, semibold //buttons
-$sm-text: 16px, 18px, 22px, 600, 140%, 1rem, 0.6rem //h5
-$md-text: 18px, 20px, 24px, 600, 140%, 1rem //h4
+$body-text: 14px, 16px, 18px, 400, 140%, 1rem, 0.6rem
+$button: 14px, 16px, 18px, semibold //buttons
+$sm-text: 16px, 18px, 20px, 600, 140%, 1rem, 0.6rem //h5
+$md-text: 18px, 20px, 22px, 600, 140%, 1rem //h4
 $lg-text: 22px, 26px, 30px, 600,140%, 1rem  //h3
 $xl-text: 25px, 30px, 36px, bold, 140%, 1rem //h2
 $xxl-text: 28px, 36px, 42px, bold, 140%, 1rem  //h1

diff --git a/app/sass/main.scss b/app/sass/main.scss
@@ -77,7 +77,7 @@ TYPOGRAPHY
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-
+  text-wrap: balance; // equilibra los párrafos evitando viudas
   &::selection {
     background-color: lighten($color: $blue-primary, $amount: 20);
   }

diff --git a/app/sass/partials/_courses.sass b/app/sass/partials/_courses.sass
@@ -106,6 +106,7 @@ $windowWidth: 100vw
 
 @media (min-width: 1400px) 
     .course
+        height: 300px
         .course_text_block
             max-width: 100rem
 

diff --git a/app/sass/partials/_home.sass b/app/sass/partials/_home.sass
@@ -20,10 +20,10 @@
             object-position: 50% 0
     .award_section 
         display: flex
+        margin: $spacing_xl auto
         background: #fff9e6
-        gap: 0.2rem
-        border-radius:24px
-        padding: 0.8rem
+        gap: $spacing_md
+        border-radius: 24px
         border: 2px $ca-or-100 solid
         @apply text-orange-500
         width:100%
@@ -65,20 +65,17 @@
             padding: 0.75rem
             margin-bottom: 0.8rem
             background: #ffe489
-            border-radius:80px
+            border-radius: 80px
             @apply text-orange-400
             @include drop-shadow-lighter
 
 
-
-
 
 @media (min-width: 600px)
     .award_section
         width:85%
-        padding: 1rem 2rem 1rem 2rem
+        padding: 1.5rem 2rem 1rem 2rem
         flex-direction: column
-
         .award_icon
             min-width: 4rem
             height: 4rem
@@ -95,7 +92,7 @@
         flex-direction: row
         width:70%
         text-align: left
-        gap: 1.2rem
+        // gap: 1.2rem
         align-self: flex-start
         .award_title
             display: flex

diff --git a/app/sass/partials/_publications.sass b/app/sass/partials/_publications.sass
@@ -49,7 +49,7 @@
         text-align: left
         display: flex
         flex-wrap: wrap
-        padding-bottom: $spacing_sm
+        padding-bottom: $spacing_lg
         border-bottom: solid 1px $ca-blue-200
         justify-content: left
         .filter
@@ -169,7 +169,7 @@
             display: flex
             flex-wrap: wrap
             gap: 4px
-            padding-bottom: $spacing_sm
+            padding-bottom: $spacing_lg
             border-bottom: solid 1px $ca-blue-100
             justify-content: space-between
             .filter
@@ -192,9 +192,9 @@
         gap: $spacing_xsm
         display: flex
         flex-direction: column
-        padding: $spacing_xsm 0 $spacing_sm 0
+        padding: $spacing_sm 0 $spacing_md 0
         .paper 
-            padding: 6px 0 $spacing_sm 0
+            padding: $spacing_sm 0 $spacing_md 0
 
 
 

diff --git a/package-lock.json b/package-lock.json