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

channel teaser tweaks, spacing

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-05-27 12:20:56 +02:00
parent c41e9790bb
commit 2247e2d980
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/atoms/CategoryImage.tsx
View File

@ -135,6 +135,8 @@ const categoryImageFile = (category: string) => {
case 'Visual Arts & Design': case 'Visual Arts & Design':
case 'visualart': case 'visualart':
return visualart return visualart
// technically no category
// but corresponding to title of a channel
case 'AI For Good': case 'AI For Good':
return aiforgood return aiforgood
default: default:

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

@ -34,7 +34,7 @@
border-bottom: 1px solid $brand-grey-lighter; border-bottom: 1px solid $brand-grey-lighter;
padding-bottom: $spacer / 3; padding-bottom: $spacer / 3;
margin-top: $spacer * 3; margin-top: $spacer * 3;
margin-bottom: $spacer; margin-bottom: $spacer / 2;
@media (min-width: $break-point--small) { @media (min-width: $break-point--small) {
text-align: left; text-align: left;

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

@ -4,7 +4,7 @@
width: 100%; width: 100%;
@media (min-width: $break-point--medium) { @media (min-width: $break-point--medium) {
padding-top: $spacer / 2; padding-top: $spacer * 2;
display: flex; display: flex;
} }
@ -30,6 +30,7 @@
} }
} }
// style channel teaser following another one
+ .channel { + .channel {
border-top: 1px solid $brand-grey-lighter; border-top: 1px solid $brand-grey-lighter;
margin-top: $spacer * 2; margin-top: $spacer * 2;

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

@ -12,6 +12,12 @@
margin: 0; margin: 0;
visibility: hidden; visibility: hidden;
} }
// grab the channel teaser on front page
// stylelint-disable-next-line
article > div > h2 + div {
padding-top: $spacer / 2;
}
} }
.title { .title {