LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

animations

This commit is contained in:
Karol Wypchlo 2021-04-01 01:21:00 +02:00
parent 0faa3c3656
commit d2146e6d56
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/src/components/CommunitySection/CommunitySection.js
View File

@ -103,9 +103,9 @@ const CommunitySection = () => {
<Link <Link
key={name} key={name}
href={href} href={href}
className="text-palette-600 text-sm font-light flex items-center flex-shrink-0 flex-grow-0 whitespace-nowrap leading-10" className="text-palette-600 text-sm font-light flex items-center flex-shrink-0 flex-grow-0 whitespace-nowrap leading-10 space-x-2 hover:text-palette-500 transition-colors duration-200"
> >
<Icon className="mr-2 fill-current" /> <Icon className="fill-current" />
<span>{name}</span> <span>{name}</span>
</Link> </Link>
))} ))}

6
packages/website/src/components/NewsHeader/NewsHeader.js
View File

@ -1,7 +1,7 @@
import * as React from "react"; import * as React from "react";
import { useStaticQuery, graphql } from "gatsby"; import { useStaticQuery, graphql } from "gatsby";
import Link from "../Link"; import Link from "../Link";
import { ArrowRight, DiscordSmallWhite } from "../Icons"; import { ArrowRight, DiscordSmall } from "../Icons";
const NewsHeader = () => { const NewsHeader = () => {
const { allMarkdownRemark } = useStaticQuery(graphql` const { allMarkdownRemark } = useStaticQuery(graphql`
@ -41,9 +41,9 @@ const NewsHeader = () => {
<div className="ml-auto items-center pl-8 hidden desktop:block"> <div className="ml-auto items-center pl-8 hidden desktop:block">
<Link <Link
href="https://discordapp.com/invite/sia" href="https://discordapp.com/invite/sia"
className="text-palette-300 leading-8 font-content flex items-center flex-shrink-0 whitespace-nowrap" className="text-palette-300 leading-8 font-content flex items-center flex-shrink-0 whitespace-nowrap hover:text-palette-200 transition-colors duration-200 space-x-2"
> >
<DiscordSmallWhite className="mr-2" /> <DiscordSmall className="fill-current" />
<span>Join our Discord</span> <span>Join our Discord</span>
</Link> </Link>
</div> </div>

6
packages/website/src/templates/news-post.js
View File

@ -32,7 +32,7 @@ const BlogPostTemplate = ({ data, location }) => {
<div class="text-xs uppercase mr-4">Share</div> <div class="text-xs uppercase mr-4">Share</div>
<TwitterShareButton url={location.href} title={post.frontmatter.title} hashtags={[]}> <TwitterShareButton url={location.href} title={post.frontmatter.title} hashtags={[]}>
<TwitterSmall /> <TwitterSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
</TwitterShareButton> </TwitterShareButton>
<LinkedinShareButton <LinkedinShareButton
@ -40,11 +40,11 @@ const BlogPostTemplate = ({ data, location }) => {
title={post.frontmatter.title} title={post.frontmatter.title}
summary={post.frontmatter.description} summary={post.frontmatter.description}
> >
<LinkedinSmall /> <LinkedinSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
</LinkedinShareButton> </LinkedinShareButton>
<FacebookShareButton url={location.href} quote={post.frontmatter.title}> <FacebookShareButton url={location.href} quote={post.frontmatter.title}>
<LinkedinSmall /> <LinkedinSmall className="fill-current hover:text-palette-400 transition-colors duration-200" />
</FacebookShareButton> </FacebookShareButton>
</div> </div>
</aside> </aside>