Minor wording change for "Download" link
Suggesting this change simply because "ZIP" appears to be (per its specification published by PKWARE) canonically spelled uppercase. I also added the word "archive" to provide a noun modified by "ZIP" rather than treating "ZIP" as a noun itself. It seems clearer this way, but may cause text flow issues in the design if it's too long.
This commit is contained in:
parent
10c8b02397
commit
1f0d60424e
2 changed files with 15 additions and 3 deletions
|
@ -8,6 +8,8 @@ import Header from "../../components/header";
|
|||
import VisibilityBadge from "../../components/visibility-badge";
|
||||
import { ThemeProps } from "../_app";
|
||||
import PageSeo from "components/page-seo";
|
||||
import Head from "next/head";
|
||||
import styles from './styles.module.css';
|
||||
|
||||
const Post = ({ theme, changeTheme }: ThemeProps) => {
|
||||
const [post, setPost] = useState<any>()
|
||||
|
@ -83,10 +85,10 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
|
|||
<Document skeleton={true} />
|
||||
</>}
|
||||
{!isLoading && post && <>
|
||||
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
|
||||
<div className={styles.header}>
|
||||
<Text h2>{post.title} <VisibilityBadge visibility={post.visibility} /></Text>
|
||||
<Button auto onClick={download}>
|
||||
Download as Zip
|
||||
Download as ZIP archive
|
||||
</Button>
|
||||
</div>
|
||||
{post.files.map(({ id, content, title }: { id: any, content: string, title: string }) => (
|
||||
|
@ -106,4 +108,3 @@ const Post = ({ theme, changeTheme }: ThemeProps) => {
|
|||
}
|
||||
|
||||
export default Post
|
||||
|
||||
|
|
11
client/pages/post/styles.module.css
Normal file
11
client/pages/post/styles.module.css
Normal 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;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue