CoastalCommits/CoastalCommitsPastes
CoastalCommits/CoastalCommitsPastes
2
1
Fork 0
forked from CoastalCommitsArchival/github.com-MaxLeiter-drift
Code Pull requests Activity Actions

Merge pull request #23 from emilyst/patch-1

Browse source 
Minor wording change for "Download" link
This commit is contained in:
Max Leiter 2022-03-13 22:33:17 -07:00 committed by GitHub
commit ed3d413eab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/pages/post/[id].tsx
View file

@ -8,6 +8,8 @@ import Header from "../../components/header";
import VisibilityBadge from "../../components/visibility-badge"; import VisibilityBadge from "../../components/visibility-badge";
import { ThemeProps } from "../_app"; import { ThemeProps } from "../_app";
import PageSeo from "components/page-seo"; import PageSeo from "components/page-seo";
import Head from "next/head";
import styles from './styles.module.css';
const Post = ({ theme, changeTheme }: ThemeProps) => { const Post = ({ theme, changeTheme }: ThemeProps) => {
const [post, setPost] = useState<any>() const [post, setPost] = useState<any>()
@ -83,10 +85,10 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
<Document skeleton={true} /> <Document skeleton={true} />
</>} </>}
{!isLoading && post && <> {!isLoading && post && <>
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}> <div className={styles.header}>
<Text h2>{post.title} <VisibilityBadge visibility={post.visibility} /></Text> <Text h2>{post.title} <VisibilityBadge visibility={post.visibility} /></Text>
<Button auto onClick={download}> <Button auto onClick={download}>
Download as Zip Download as ZIP archive
</Button> </Button>
</div> </div>
{post.files.map(({ id, content, title }: { id: any, content: string, title: string }) => ( {post.files.map(({ id, content, title }: { id: any, content: string, title: string }) => (
@ -106,4 +108,3 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
} }
export default Post export default Post

11
client/pages/post/styles.module.css Normal file
View file

@ -0,0 +1,11 @@
.header {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 650px) {
.header {
flex-direction: column;
}
}