oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

front page layout tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-05-24 12:00:16 +02:00
parent 65f04b9f62
commit 8e3c0a62d2
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/organisms/AssetsLatest.module.scss
View File

@ -28,10 +28,11 @@
}
.title {
font-size: $font-size-h3;
margin-top: $spacer * 2;
font-size: $font-size-h4;
margin-top: $spacer * 3;
text-align: center;
margin-bottom: $spacer;
color: $brand-grey-light;
@media (min-width: $break-point--small) {
text-align: left;

22
client/src/components/organisms/ChannelTeaser.module.scss
View File

@ -2,17 +2,20 @@
.channel {
width: 100%;
padding-top: $spacer * 2;
@media (min-width: $break-point--medium) {
padding-top: $spacer * 2;
display: flex;
}
> div {
&:first-child {
margin-right: $spacer;
margin-bottom: $spacer;
@media (min-width: $break-point--medium) {
margin-right: $spacer;
}
p {
margin-bottom: 0;
}
@ -27,10 +30,6 @@
}
}
h3 {
font-size: $font-size-h4;
}
+ .channel {
border-top: 1px solid $brand-grey-lighter;
margin-top: $spacer * 2;
@ -39,13 +38,20 @@
.channelTitle {
margin-top: $spacer * 4;
margin-bottom: $spacer / 4;
@media (min-width: $break-point--medium) {
margin-top: -($spacer / 1.5);
margin-top: -($spacer / 4);
}
}
.channelHeader {
text-align: center;
@media (min-width: $break-point--small) {
text-align: left;
}
a {
display: block;
@ -70,9 +76,9 @@
@media (min-width: $break-point--small) {
grid-template-columns: repeat(2, 1fr);
}
> article {
min-width: calc(18rem + #{$spacer * 2.3});
}
}
}

7
client/src/routes/Home.module.scss
View File

@ -15,14 +15,15 @@
}
.title {
font-size: $font-size-h3;
margin-top: $spacer * 2;
font-size: $font-size-h4;
margin-top: $spacer * 3;
text-align: center;
margin-bottom: $spacer;
color: $brand-grey-light;
@media (min-width: $break-point--small) {
text-align: left;
margin-bottom: $spacer / 2;
margin-bottom: $spacer / $line-height;
}
}