LaconicNetwork/laconic-dot-com
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

QA changes

Browse Source
This commit is contained in:
Fede Álvarez 2022-06-30 16:29:24 +02:00
parent 7200a8638e
commit e14e174c34
17 changed files with 66 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/partners/partners-light.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
public/images/partners/partners.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
public/images/partners/partners.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 573 KiB

7
src/components/common/header/header.module.scss
View File

@ -104,7 +104,8 @@
border: 1px solid var(--color-white);
border-radius: tovw(8px, 'default', 8px);
top: tovw(40px, 'default', 30px);
padding: tovw(24px, 'default', 20px);
padding: tovw(23px, 'default', 20px) tovw(24px, 'default', 23px)
tovw(24px, 'default', 20px) tovw(21px, 'default', 19px);
background-color: rgb(4 4 4 / 0.8);
backdrop-filter: blur(20px);
animation: viewporto 250ms ease-in-out;
@ -323,6 +324,10 @@
color: var(--color-black);
}
.content {
background-color: unset;
}
.button {
@include respond-to('mobile') {
border: tovw(1px, 'default', 1px) solid var(--color-black);

5
src/components/sections/about/hero/hero.module.scss
View File

@ -17,7 +17,7 @@
@include respond-to('mobile') {
display: flex;
place-content: center;
min-height: tovw(430px, 'mobile', 495px);
min-height: tovw(380px, 'mobile', 415px);
}
display: none;
@ -25,8 +25,7 @@
.hero__mobile {
@include respond-to('mobile') {
display: flex;
margin: tovw(30px, 'mobile', 75px) 0 tovw(-25px, 'mobile')
tovw(10px, 'mobile', 10px);
margin: 0 0 tovw(-75px, 'mobile') tovw(10px, 'mobile', 10px);
width: 300%;
mix-blend-mode: screen;
place-self: center;

1
src/components/sections/careers/hero/hero.module.scss
View File

@ -67,6 +67,7 @@
place-content: center;
min-height: tovw(750px, 'default', 366px);
min-height: tovw(400px, 'mobile', 510px);
margin-top: tovw(-80px, 'mobile', -30px);
}
display: none;

5
src/components/sections/community/hero/hero.module.scss
View File

@ -7,7 +7,8 @@
padding-bottom: tovw(18px, 'mobile');
width: 100vw;
min-height: 100vh;
gap: tovw(49px, 'default', 49px);
gap: tovw(10px, 'mobile');
padding-top: unset;
}
display: grid;
@ -25,7 +26,7 @@
@include respond-to('mobile') {
display: flex;
place-content: center;
min-height: tovw(450px, 'mobile', 515px);
min-height: tovw(460px, 'mobile', 515px);
}
display: none;

10
src/components/sections/contact/hero/hero.module.scss
View File

@ -61,9 +61,9 @@
@include respond-to('mobile') {
display: flex;
place-content: center;
margin-top: tovw(-210px, 'default', -220px);
margin-bottom: tovw(-60px, 'default', -70px);
min-height: tovw(925px, 'default', 485px);
margin-top: tovw(-270px, 'mobile', -280px);
margin-bottom: tovw(-60px, 'mobile');
min-height: tovw(660px, 'mobile', 660px);
}
display: none;
@ -223,6 +223,10 @@
}
}
.hero__container {
mix-blend-mode: darken;
}
.video_container {
mix-blend-mode: darken;
}

3
src/components/sections/newsroom/hero/hero.module.scss
View File

@ -55,9 +55,10 @@
.hero__container {
@include respond-to('mobile') {
min-height: tovw(360px, 'mobile', 460px);
min-height: tovw(420px, 'mobile', 480px);
display: flex;
place-content: center;
margin-top: tovw(-80px, 'mobile', -90px);
}
display: none;

6
src/components/sections/partners/hero/hero.module.scss
View File

@ -57,7 +57,11 @@
@include respond-to('mobile') {
display: flex;
place-content: center;
min-height: tovw(400px, 'mobile', 480px);
min-height: tovw(350px, 'mobile', 310px);
img {
width: 115% !important;
}
}
display: none;

4
src/components/sections/partners/hero/index.tsx
View File

@ -42,8 +42,8 @@ const Hero = ({ data }: Props) => {
partnersHeroMobileRef.current.src =
theme === 'dark'
? '/images/partners/partners.png'
: '/images/partners/partners.png'
? '/images/partners/partners.jpg'
: '/images/partners/partners-light.jpg'
}, [theme])
return (

8
src/components/sections/partners/opportunities/opportunities.module.scss
View File

@ -50,6 +50,14 @@
border-bottom: tovw(1px, 'default', 1px) solid var(--color-grey-light);
}
&:nth-child(even) {
grid-template-columns: auto tovw(300px, 'default', 50px);
.item_image {
grid-area: 1 / 2 / 2 / 3;
}
}
.item_image {
@include respond-to('mobile') {
display: none;

3
src/components/sections/products/app/app.module.scss
View File

@ -6,7 +6,7 @@
height: unset;
padding: 0;
margin-bottom: 0;
padding-bottom: tovw(88px, 'mobile');
padding-bottom: tovw(60px, 'mobile');
}
display: flex;
@ -49,6 +49,7 @@
div:first-child {
@include respond-to('mobile') {
width: 100%;
min-height: tovw(300px, 'mobile', 340px);
}
position: relative;

2
src/components/sections/products/hero/hero.module.scss
View File

@ -45,7 +45,7 @@
.hero__mobile {
@include respond-to('mobile') {
display: flex;
margin: tovw(50px, 'mobile', 130px) 0 tovw(50px, 'mobile', 70px)
margin: tovw(30px, 'mobile', 70px) 0 tovw(30px, 'mobile', 40px)
tovw(16px, 'mobile', 20px);
width: 200%;
mix-blend-mode: screen;

12
src/components/sections/products/network/index.tsx
View File

@ -56,11 +56,13 @@ const Network = ({ data }: Props) => {
{data?.networkHeading}
</Heading>
<p>{data?.networkDesc}</p>
<img
ref={networkImgMobileRef}
className={s.network__img__mobile}
alt="network"
/>
<div className={s.mobile_img_container}>
<img
ref={networkImgMobileRef}
className={s.network__img__mobile}
alt="network"
/>
</div>
<div className={s.features}>
<div>
<img src="/images/products/nw-01.png" alt="" />

26
src/components/sections/products/network/network.module.scss
View File

@ -3,7 +3,7 @@
.section {
@include respond-to('mobile') {
padding: 0;
padding-bottom: tovw(18px, 'mobile');
padding-bottom: tovw(14px, 'mobile');
}
position: relative;
@ -48,7 +48,7 @@
@include respond-to('mobile') {
display: flex;
flex-direction: column;
margin-top: tovw(25px, 'mobile');
margin-top: tovw(15px, 'mobile');
}
display: grid;
@ -111,16 +111,20 @@
mix-blend-mode: screen;
}
.network__img__mobile {
@include respond-to('mobile') {
display: unset;
margin: tovw(60px, 'mobile') 0 tovw(20px, 'mobile') 0;
width: 100%;
mix-blend-mode: screen;
max-width: tovw(400px, 'default', 400px);
}
.mobile_img_container {
min-height: tovw(268px, 'mobile', 450px);
display: none;
.network__img__mobile {
@include respond-to('mobile') {
display: unset;
margin: tovw(30px, 'mobile') 0 tovw(20px, 'mobile') 0;
width: 100%;
mix-blend-mode: screen;
max-width: tovw(400px, 'default', 400px);
}
display: none;
}
}
}
}

6
src/components/sections/products/stack/stack.module.scss
View File

@ -3,7 +3,7 @@
.section {
@include respond-to('mobile') {
padding: 0;
padding-bottom: tovw(88px, 'mobile');
padding-bottom: tovw(68px, 'mobile');
}
position: relative;
@ -47,6 +47,10 @@
}
div:nth-child(2) {
@include respond-to('mobile') {
margin-top: tovw(35px, 'mobile');
}
margin-top: tovw(165px, 'default', 80px);
ol {