LaconicNetwork/laconic.com
6
0
Fork 0
mirror of https://github.com/LaconicNetwork/laconic.com.git synced 2026-01-14 23:48:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/LaconicNetwork/laconic.com into main

Browse Source
This commit is contained in:
Manuel Garcia Genta 2022-04-13 09:49:21 -03:00
commit ca155fd187
16 changed files with 106 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/common/footer/footer.module.scss
View File

@ -58,6 +58,10 @@
filter: blur(tovw(80px, 'default', 40px));
}
h2 {
text-shadow: 0 0 tovw(40px, 'default', 40px) rgb(255 255 255 / 0.4);
}
.video {
position: absolute;
top: 0;
@ -165,10 +169,10 @@
}
display: flex;
gap: tovw(88px, 'default', 55px);
gap: tovw(160px, 'default', 55px);
@media screen and (max-width: 1180px) {
gap: tovw(65px, 'default', 35px);
gap: tovw(65px, 'default', 65px);
}
}
}
@ -233,6 +237,11 @@
div {
width: tovw(24px, 'default', 24px);
height: tovw(24px, 'default', 24px);
&:hover {
transition: filter var(--normal-transition);
filter: opacity(40%);
}
}
}
}

37
src/components/icons/arrow.tsx
View File

@ -102,24 +102,25 @@ const ArrowSlider = ({
disabled?: any
}) => {
return (
<svg
onClick={onClick}
className={className}
fill="none"
viewBox="0 0 50 18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M40 17L48 9L40 1"
stroke={fill || (!disabled ? 'var(--color-white)' : 'grey')}
strokeWidth="1.5"
/>
<path
d="M48 9H0"
stroke={fill || (!disabled ? 'var(--color-white)' : 'grey')}
strokeWidth="1.5"
/>
</svg>
<button onClick={onClick}>
<svg
className={className}
fill="none"
viewBox="0 0 50 18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M40 17L48 9L40 1"
stroke={fill || (!disabled ? 'var(--color-white)' : 'grey')}
strokeWidth="1.5"
/>
<path
d="M48 9H0"
stroke={fill || (!disabled ? 'var(--color-white)' : 'grey')}
strokeWidth="1.5"
/>
</svg>
</button>
)
}

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

@ -38,7 +38,7 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
}

2
src/components/sections/about/related/related.module.scss
View File

@ -26,7 +26,7 @@
align-items: flex-start;
flex-direction: column;
border-bottom: unset;
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
gap: tovw(16px, 'mobile');
}

2
src/components/sections/about/team/index.tsx
View File

@ -11,7 +11,7 @@ const TeamSection = () => {
return (
<Section className={s['section']} id="team">
<Container className={s['container']}>
<Heading as="h1" variant="lg">
<Heading as="h2" variant="lg">
Team
</Heading>
<div>

6
src/components/sections/about/team/team.module.scss
View File

@ -11,7 +11,11 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
> h2 {
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
> div:nth-child(2) {

16
src/components/sections/community/events/events.module.scss
View File

@ -9,7 +9,7 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
}
}
@ -131,12 +131,22 @@
gap: tovw(25px, 'default', 15px);
place-content: center;
.arrow {
button {
cursor: pointer;
width: tovw(50px, 'default', 30px);
display: flex;
align-items: center;
border: unset;
padding: unset;
margin: unset;
background-color: unset;
height: tovw(45px, 'default', 40px);
&:first-child {
transform: rotate(180deg);
}
.arrow {
width: tovw(51px, 'default', 51px);
}
}
}

19
src/components/sections/homepage/benefits/benefits.module.scss
View File

@ -11,11 +11,17 @@
display: none;
}
}
}
.header {
.header {
@include respond-to('mobile') {
padding-right: 0;
padding-left: 0;
}
h2 {
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
}
position: relative;
@ -23,6 +29,10 @@
padding-bottom: tovw(100px, 'default', 90px);
.grid {
@include respond-to('mobile') {
display: unset;
}
display: grid;
margin-top: tovw(64px, 'default', 44px);
grid-column-gap: tovw(24px, 'default', 24px);
@ -39,6 +49,10 @@
}
p {
@include respond-to('mobile') {
margin-top: tovw(24px, 'mobile', 44px);
}
margin: 0;
line-height: 1.33;
letter-spacing: tovw(-0.3px, 'default', -0.3px);
@ -88,6 +102,9 @@
.users {
@include respond-to('mobile') {
padding: 0 tovw(13px, 'mobile');
margin: 0;
margin-bottom: tovw(70px, 'mobile');
max-width: unset;
}
margin: 0 0 tovw(305px, 'default', 110px) auto;

22
src/components/sections/homepage/latest-news/latest-news.module.scss
View File

@ -4,8 +4,8 @@
display: flex;
align-items: center;
flex-direction: column;
margin-top: tovw(55px, 'default', 20px);
padding: 0 0 tovw(185px, 'default', 90px) 0;
margin-top: tovw(55px, 'default', 55px);
padding: tovw(95px, 'default', 90px) 0 tovw(185px, 'default', 90px) 0;
.slider__container {
@include respond-to('mobile') {
@ -22,7 +22,7 @@
align-items: flex-start;
flex-direction: column;
border-bottom: unset;
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
gap: tovw(16px, 'mobile');
}
@ -119,16 +119,26 @@
display: flex;
padding-top: tovw(75px, 'default', 45px);
width: 100%;
gap: tovw(25px, 'default', 15px);
gap: tovw(25px, 'default', 18px);
place-content: center;
.arrow {
button {
cursor: pointer;
width: tovw(50px, 'default', 30px);
display: flex;
align-items: center;
border: unset;
padding: unset;
margin: unset;
background-color: unset;
height: tovw(45px, 'default', 40px);
&:first-child {
transform: rotate(180deg);
}
.arrow {
width: tovw(51px, 'default', 51px);
}
}
}
}

4
src/components/sections/homepage/what-others-say/what-others-say.module.scss
View File

@ -13,6 +13,10 @@
gap: tovw(24px, 'mobile');
}
> h2 {
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
display: flex;
align-items: center;
justify-content: space-between;

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

@ -30,6 +30,8 @@
@include respond-to('mobile') {
font-size: tovw(32px, 'mobile');
}
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
p {

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

@ -16,7 +16,7 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
}
@ -54,7 +54,7 @@
}
margin: 0;
text-shadow: 0 0 tovw(45px, 'default', 45px) rgb(255 255 255 / 0.4);
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
ol {

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

@ -11,7 +11,7 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
display: flex;
@ -24,6 +24,8 @@
@include respond-to('mobile') {
width: tovw(200px, 'mobile');
}
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
> p {

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

@ -11,7 +11,7 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
.header {
@ -20,6 +20,10 @@
border-bottom: tovw(1px, 'default', 1px) solid var(--color-grey-light);
padding-bottom: tovw(36px, 'default', 24px);
> h2 {
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
&:nth-child(3) {
margin-top: tovw(182px, 'default', 100px);
}

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

@ -11,7 +11,7 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
}
@ -28,6 +28,7 @@
}
width: tovw(360px, 'default', 250px);
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
p {

4
src/components/sections/products/token/token.module.scss
View File

@ -11,7 +11,7 @@
.container {
@include respond-to('mobile') {
padding: 0 tovw(16px, 'tablet', 16px);
padding: 0 tovw(56px, 'default', 16px);
}
display: flex;
@ -21,6 +21,8 @@
@include respond-to('mobile') {
width: tovw(320px, 'mobile');
}
text-shadow: 0 0 tovw(20px, 'default', 20px) rgb(255 255 255 / 0.4);
}
div:first-child {