From b1a731f06bf05dd188bd56c7dd92c5eb33d44d04 Mon Sep 17 00:00:00 2001 From: Dario Viada Date: Thu, 21 Apr 2022 16:08:27 -0300 Subject: [PATCH 1/2] se actualiza favicon --- src/images/isotipo.png | Bin 1487 -> 657 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/src/images/isotipo.png b/src/images/isotipo.png index 7b4c392ad5392c279fbb149b861c982389002b53..0e3d1d8214a4b5da857357d6d2346fcb403390e4 100644 GIT binary patch literal 657 zcmV;C0&e|@P)v0^>86cjB=_;*v_Du3pZ90!Kz8YaI@V7Yl~5l*{>Da1?l{CQs8#egzbn=6BG!} zu*zQClz{`$dr>9EkwFzA(}W2zh0$rkq?p3UG$A3TU=ySiLvf8RfF;o`NZIoWfA^CX rQ+V$0l$PTJZN~}PjuW(<&7{;FfHIRO+rIFwt&FoJLQYR*8=4#HYbf-YFg;{1=;!yeKAD?2!$fYx9 zHq6?Ys}#1#vXXCsl`Zq9)XX0S#PLY#^79u=%YD*zI_KW^-t#{9eeZqF`#$$fM0hC9 z*3lM)LgB)821g=mB{H92(TJV?!AFKHt9T*b@b)If@%XW)xu~EcNr$Th zk@Qo4alb&J7M%(U4%(O2JECq&?2AG@&<&ET>YZMRSRK>F@`fD$pi-NDTx1gA>qBw5 z8CGxlcZp+Ce&5lKe)H}7v%UFiUGp9pM`ta-*QA|pV})yrivaS@Vz;p3UvdS;L5wHDg+zAbo>QB#1HO|&`E!Om#NZ>|)NJO>K9ja@j(dbxR^ErEl z>84&tfJV%q*)>{~$dbMu_hs~7vD94pvOP(H!7>bqnvX#vYWtecUo!_Bn4X;fXhW?ttfR(@+S_cf+Qt+2v&=lLyP_ zGh1kW73?64GY`I&#Dhz_sdN0qrZ`N!-n8k;{oja0fLm43Fu03hJjmepzpxY8`d4?dXRQ9TXxUCe@spu;mP3 zn@VZv-PyN zivqE+Ss50(^=n|Ft&X!q>xo;T&VvU{&GO_di}PB+)Q+?p0oZPRi^yDY61Y&&VYF_> z4x40~Neq#6Q+p%mn=gMfhs@>Diq_fNZHaanaMwpj0Mfn14gldP9|>89tFn2oZO(58GhuE>JerK8l1-R- zPhxfTDc)(J+U6XXxBWyYHy` z-&89|5L^hxZypOh9*X7U86?JwDc6)3_55`z2ye}nMj;lIB75$3z9hYCnr^^%5vHG2Z0<k0r?L?V}gZc+6g Date: Thu, 21 Apr 2022 17:09:12 -0300 Subject: [PATCH 2/2] correciones de expanden, blog y otros --- .../BlogPage/BlogArticle/BlogArticle.scss | 2 +- .../FeaturedBlogs/featuredBlogs.scss | 17 +++++++--- src/components/expandGrid/expandGrid.scss | 31 ++++--------------- .../videoBackground/VideoBackground.js | 2 +- 4 files changed, 21 insertions(+), 31 deletions(-) diff --git a/src/components/BlogPage/BlogArticle/BlogArticle.scss b/src/components/BlogPage/BlogArticle/BlogArticle.scss index c89d0f70..b51c107a 100644 --- a/src/components/BlogPage/BlogArticle/BlogArticle.scss +++ b/src/components/BlogPage/BlogArticle/BlogArticle.scss @@ -23,7 +23,7 @@ justify-content: space-between; width: 100%; height: 150px; - padding: 0 15px; + padding: 0 0 0 15px; h1, h2, h3, diff --git a/src/components/FeaturedBlogs/featuredBlogs.scss b/src/components/FeaturedBlogs/featuredBlogs.scss index 5d6c03f2..3816bcd3 100644 --- a/src/components/FeaturedBlogs/featuredBlogs.scss +++ b/src/components/FeaturedBlogs/featuredBlogs.scss @@ -2,6 +2,7 @@ .featured { color: $primary; + margin-bottom: 3rem; h2 { margin-top: 2em; flex-grow: 1; @@ -16,8 +17,10 @@ } &-blogs { + align-items: center; img { object-fit: cover; + max-width: 140px; } display: flex; @@ -29,6 +32,7 @@ .article { &__container { + color: $black; margin: 0.5em; background-color: #efefef; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); @@ -38,16 +42,15 @@ text-align: left; font-weight: 700; font-size: 18px !important; - } } - &__link{ - button{ + &__link { + button { background: none; color: $secondary; text-decoration: underline; padding: 0; - margin: 0 0 1em 0; + margin: 0; } } } @@ -55,5 +58,11 @@ @media screen and (max-width: $breakpoint-lg) { flex-direction: column; } + + @media screen and (min-width: $breakpoint-lg) { + img { + max-width: 100%; + } + } } } diff --git a/src/components/expandGrid/expandGrid.scss b/src/components/expandGrid/expandGrid.scss index 046c4558..aa126ad0 100644 --- a/src/components/expandGrid/expandGrid.scss +++ b/src/components/expandGrid/expandGrid.scss @@ -1,7 +1,5 @@ @import ".././../styles/global.scss"; - .expandGrid { - color: $primary; display: flex; flex-direction: column; @@ -22,14 +20,12 @@ font-weight: 400; } } - .staggered-list-content { margin-top: 3em; width: 100%; display: flex; justify-content: center; } - .list { list-style-type: none; display: flex; @@ -38,7 +34,6 @@ padding: 0 2em; width: 100%; } - .listItem { border-radius: 8px; margin: 5px; @@ -48,27 +43,23 @@ } background-color: $primary-container; cursor: pointer; - @media screen and (max-width: $breakpoint-xxl) { flex: 0 1 calc(calc(100% / 3) - 10px); } - - @media screen and (max-width: $breakpoint-md) { + @media screen and (max-width: calc($breakpoint-md - 2px)) { flex: 0 1 100%; } - &-expanded { @extend .listItem; flex-basis: 100%; } } - .listItemContent { display: flex; flex-direction: row; height: 100%; position: relative; - @media screen and (max-width: $breakpoint-md) { + @media screen and (max-width: calc($breakpoint-md - 2px)) { flex-direction: column; align-items: unset; } @@ -84,38 +75,33 @@ aspect-ratio: 1/1; margin: 0; border-radius: 8px; - &-expanded { @extend .avatar; box-shadow: 0px 4px 4px 0px #00000040; - flex-grow: 0; margin-right: 0; min-width: 33%; max-width: 33%; - @media screen and (max-width: $breakpoint-md) { + @media screen and (max-width: calc($breakpoint-md - 2px)) { min-width: 100%; max-width: 100%; height: 400px; object-fit: cover; } - @media screen and (max-width: $breakpoint-md) { + @media screen and (max-width: calc($breakpoint-md - 2px)) { height: unset; object-fit: unset; } } } - .expandedListItem .description { display: flex; flex-direction: column; } - .expandedListItem { cursor: pointer; - background-color: #d0d0d0; + background-color: #D0D0D0; } - .additional-content { box-shadow: 0px 4px 4px 0px #00000040; width: 100%; @@ -124,8 +110,6 @@ margin: 0; } } - - .listItem-more { position: absolute; inset: 0 0 20px 20px; @@ -148,7 +132,6 @@ } } } - .additional-content > div { opacity: 0; border-radius: 3px; @@ -168,7 +151,6 @@ text-align: left; } } - /* content fade in animations */ @keyframes fadeIn { 0% { @@ -179,7 +161,6 @@ opacity: 1; } } - .animated-in .additional-content > div { animation: fadeIn 0.4s forwards; -} +} \ No newline at end of file diff --git a/src/components/videoBackground/VideoBackground.js b/src/components/videoBackground/VideoBackground.js index 39f6b500..96f6d722 100644 --- a/src/components/videoBackground/VideoBackground.js +++ b/src/components/videoBackground/VideoBackground.js @@ -35,7 +35,7 @@ const VideoBackground = ({