From addb116103f45dd8076ed5a3cbbf815665a57884 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fede=20=C3=81lvarez?= Date: Thu, 30 Jun 2022 16:58:46 +0200 Subject: [PATCH] QA changes --- src/components/common/header/header.module.scss | 2 +- src/components/sections/about/team/team.module.scss | 12 ++++++++++-- .../sections/community/events/events.module.scss | 9 +++++++-- .../sections/products/network/network.module.scss | 4 +++- .../sections/products/stack/stack.module.scss | 2 +- .../sections/products/watchers/watchers.module.scss | 2 +- 6 files changed, 23 insertions(+), 8 deletions(-) diff --git a/src/components/common/header/header.module.scss b/src/components/common/header/header.module.scss index 9ad2629..c3d0102 100644 --- a/src/components/common/header/header.module.scss +++ b/src/components/common/header/header.module.scss @@ -55,8 +55,8 @@ } .no_content { + margin: 0 tovw(3px, 'default', 1px); margin-right: tovw(21px, 'default', 20px); - padding: 0 tovw(3px, 'default', 1px); } .trigger { diff --git a/src/components/sections/about/team/team.module.scss b/src/components/sections/about/team/team.module.scss index 9440e87..259e672 100644 --- a/src/components/sections/about/team/team.module.scss +++ b/src/components/sections/about/team/team.module.scss @@ -7,7 +7,7 @@ position: relative; margin-top: tovw(24px, 'default', 16px); - padding: tovw(124px, 'default', 120px) 0 tovw(20px, 'default', 20px) 0; + padding: tovw(64px, 'default', 50px) 0 tovw(20px, 'default', 20px) 0; .container { @include respond-to('mobile') { @@ -31,7 +31,7 @@ margin: auto; padding-top: tovw(68px, 'default', 40px); width: tovw(1076px, 'default', 400px); - gap: tovw(24px, 'default', 24px); + gap: tovw(90px, 'default', 24px); p { @include respond-to('mobile') { @@ -43,6 +43,14 @@ line-height: 1.32; letter-spacing: -0.01em; font-size: tovw(24px, 'default', 18px); + + &:last-child { + @include respond-to('mobile') { + text-align: start; + } + + text-align: end; + } } } } diff --git a/src/components/sections/community/events/events.module.scss b/src/components/sections/community/events/events.module.scss index bfe527b..b77e9b1 100644 --- a/src/components/sections/community/events/events.module.scss +++ b/src/components/sections/community/events/events.module.scss @@ -109,8 +109,8 @@ right: tovw(-20px, 'default', -20px); background: linear-gradient( 90deg, - rgb(3 3 3 / 0) 78%, - rgb(3 3 3 / 1) 80%, + rgb(3 3 3 / 0) 79.5%, + rgb(3 3 3 / 1) 80.8%, rgb(3 3 3 / 1) 100% ); width: tovw(1550px, 'default', 150px); @@ -155,6 +155,11 @@ background-color: unset; height: tovw(45px, 'default', 40px); + &:hover { + opacity: 0.6; + transition: opacity 250ms; + } + &:first-child { transform: rotate(180deg); } diff --git a/src/components/sections/products/network/network.module.scss b/src/components/sections/products/network/network.module.scss index 915e58c..6c7e6c0 100644 --- a/src/components/sections/products/network/network.module.scss +++ b/src/components/sections/products/network/network.module.scss @@ -112,7 +112,9 @@ } .mobile_img_container { - min-height: tovw(268px, 'mobile', 450px); + @include respond-to('mobile') { + min-height: tovw(268px, 'mobile', 450px); + } .network__img__mobile { @include respond-to('mobile') { diff --git a/src/components/sections/products/stack/stack.module.scss b/src/components/sections/products/stack/stack.module.scss index fba586c..2f9cc33 100644 --- a/src/components/sections/products/stack/stack.module.scss +++ b/src/components/sections/products/stack/stack.module.scss @@ -164,7 +164,7 @@ rgb(241 241 241 / 0) 89.23% ); width: 100%; - height: tovw(500px, 'default', 180px); + height: tovw(350px, 'default', 180px); content: ''; pointer-events: none; user-select: none; diff --git a/src/components/sections/products/watchers/watchers.module.scss b/src/components/sections/products/watchers/watchers.module.scss index c695edc..a158a60 100644 --- a/src/components/sections/products/watchers/watchers.module.scss +++ b/src/components/sections/products/watchers/watchers.module.scss @@ -76,7 +76,7 @@ justify-content: space-between; margin: 0 tovw(-50px, 'default'); padding: 0; - padding-left: tovw(206px, 'default', 45px); + padding-left: tovw(234px, 'default', 45px); list-style: none; list-style-position: outside; font-family: var(--font-tt-hoves);