noham/lanyard-profile-readme
1
0
Fork 0
mirror of https://github.com/NohamR/lanyard-profile-readme.git synced 2026-05-26 04:17:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Conrad
2021-06-20 16:57:10 -04:00
parent ba91b8cb3a
commit b9d2aca5b3
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/index.tsx
View File

@@ -4,7 +4,7 @@ import { useState } from 'react';
export default function Home() { export default function Home() {
let [userId, setUserId] = useState('') let [userId, setUserId] = useState(':id')
return ( return (
<> <>
@@ -36,10 +36,8 @@ export default function Home() {
<span style={{fontSize: "1rem", fontStyle: "italic", marginTop: "1rem"}}>For further customization, check out the <a rel="noreferrer" target="_blank" href="https://github.com/cnrad/lanyard-profile-readme" style={{color: "#fff", fontWeight: "bold"}}>repo</a>!</span> <span style={{fontSize: "1rem", fontStyle: "italic", marginTop: "1rem"}}>For further customization, check out the <a rel="noreferrer" target="_blank" href="https://github.com/cnrad/lanyard-profile-readme" style={{color: "#fff", fontWeight: "bold"}}>repo</a>!</span>
<Example> <Example src={`https://lanyard-profile-readme.vercel.app/api/${userId}`} alt="[Please provide a valid user ID!]" style={{color: "#ff8787"}}/>
<p style={{fontSize: "1rem", fontWeight: "bold", marginTop: "1rem"}}>Preview</p>
<img src={`https://lanyard-profile-readme.vercel.app/api/${userId}`} alt="[Please provide a valid user ID!]" />
</Example>
</Container> </Container>
@@ -122,7 +120,9 @@ const Link = styled.div`
scrollbar-width: thin; scrollbar-width: thin;
` `
const Example = styled.div` const Example = styled.img`
margin-top: 1.5rem;
@media(max-height: 800px){ @media(max-height: 800px){
display: none; display: none;
} }