Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-07 16:06:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #121 from odensc/patch-1

Browse Source 
Add link to Discord button
This commit is contained in:
Jean-Philippe Sirois
2019-10-07 07:52:56 -04:00
committed by GitHub
parent 5207f21bf3 bd0b202161
commit 07505ab4d4
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DiscordButton/index.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import * as SC from "./styles"
export const DiscordButton: FC = ({ children }) => { export const DiscordButton: FC = ({ children }) => {
return ( return (
<SC.DiscordButtonWrapper> <SC.DiscordButtonWrapper href="https://discord.gg/programming">
<SC.StyledDiscordLogo /> {children} <SC.StyledDiscordLogo /> {children}
</SC.DiscordButtonWrapper> </SC.DiscordButtonWrapper>
) )
src/components/DiscordButton/styles.tsx
+2 -1
View File
@@ -1,13 +1,14 @@
import styled from "styled-components" import styled from "styled-components"
import DiscordLogo from "../../images/discord-logo.svg" import DiscordLogo from "../../images/discord-logo.svg"
export const DiscordButtonWrapper = styled.div` export const DiscordButtonWrapper = styled.a`
margin-top: 32px; margin-top: 32px;
display: flex; display: flex;
align-items: center; align-items: center;
font-family: "Oxygen", sans-serif; font-family: "Oxygen", sans-serif;
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
text-decoration: none;
text-transform: uppercase; text-transform: uppercase;
background: ${props => props.theme.discord.base}; background: ${props => props.theme.discord.base};
color: #fff; color: #fff;