mirror of
https://github.com/omnivore-app/omnivore.git
synced 2026-03-11 08:54:26 +00:00
Improve formatting
This commit is contained in:
parent
3381a949f8
commit
e61d030e32
2 changed files with 4 additions and 41 deletions
|
|
@ -1,41 +1,8 @@
|
|||
/* eslint-disable @next/next/no-img-element */
|
||||
import { Box, HStack, SpanBox } from '../../components/elements/LayoutPrimitives'
|
||||
import { Box, HStack } from '../../components/elements/LayoutPrimitives'
|
||||
import { PrimaryLayout } from '../../components/templates/PrimaryLayout'
|
||||
import { Button } from '../../components/elements/Button'
|
||||
import Link from 'next/link'
|
||||
import { StyledText } from '../../components/elements/StyledText'
|
||||
import { styled } from '@stitches/react'
|
||||
import { Copy, Plus } from 'phosphor-react'
|
||||
import { theme } from '../../components/tokens/stitches.config'
|
||||
|
||||
const AddEmailButton = () => {
|
||||
return (<Button
|
||||
onClick={() => {}}
|
||||
style="ctaDarkYellow"
|
||||
css={{
|
||||
cursor: 'default',
|
||||
display: 'inline-flex',
|
||||
alignItems: 'center',
|
||||
}}
|
||||
>
|
||||
<Plus size={18} style={{ marginRight: '6.5px' }} />
|
||||
<SpanBox>Add Email</SpanBox>
|
||||
</Button>)
|
||||
}
|
||||
|
||||
const CopyButton = () => {
|
||||
return (
|
||||
<Button style="plainIcon" css={{
|
||||
pl: '2px',
|
||||
pr: '4px',
|
||||
cursor: 'default',
|
||||
display: 'inline-flex',
|
||||
}}
|
||||
onClick={() => {}}
|
||||
>
|
||||
<Copy color={theme.colors.grayTextContrast.toString()} />
|
||||
</Button>)
|
||||
}
|
||||
|
||||
export default function Emails(): JSX.Element {
|
||||
return (
|
||||
|
|
@ -68,7 +35,7 @@ export default function Emails(): JSX.Element {
|
|||
and add the content to your library.
|
||||
</p>
|
||||
<p>
|
||||
If Omnivore doesn't think the item should be added to your library,
|
||||
If Omnivore doesn't think the item should be added to your library,
|
||||
it will be forwarded to the email address you used when you registered
|
||||
for Omnivore (from <code>msgs@omnivore.app</code>).
|
||||
</p>
|
||||
|
|
@ -86,7 +53,7 @@ export default function Emails(): JSX.Element {
|
|||
will be added to your library when we receive them.
|
||||
</p>
|
||||
|
||||
<p><a href="/help/newsletters">Learn more about setting up newsletters</a></p>
|
||||
<p><Link href="/help/newsletters">Learn more about setting up newsletters</Link></p>
|
||||
|
||||
<HStack alignment="center" css={{ mb: '32px', width: '100%' }}>
|
||||
<Link passHref href="/settings/emails">
|
||||
|
|
|
|||
|
|
@ -3,14 +3,11 @@ import { Box, HStack, SpanBox } from '../../components/elements/LayoutPrimitives
|
|||
import { PrimaryLayout } from '../../components/templates/PrimaryLayout'
|
||||
import { Button } from '../../components/elements/Button'
|
||||
import Link from 'next/link'
|
||||
import { StyledText } from '../../components/elements/StyledText'
|
||||
import { styled } from '@stitches/react'
|
||||
import { Copy, Plus } from 'phosphor-react'
|
||||
import { theme } from '../../components/tokens/stitches.config'
|
||||
|
||||
const AddEmailButton = () => {
|
||||
return (<Button
|
||||
onClick={() => {}}
|
||||
style="ctaDarkYellow"
|
||||
css={{
|
||||
cursor: 'default',
|
||||
|
|
@ -31,7 +28,6 @@ const CopyButton = () => {
|
|||
cursor: 'default',
|
||||
display: 'inline-flex',
|
||||
}}
|
||||
onClick={() => {}}
|
||||
>
|
||||
<Copy color={theme.colors.grayTextContrast.toString()} />
|
||||
</Button>)
|
||||
|
|
@ -122,7 +118,7 @@ export default function Newsletters(): JSX.Element {
|
|||
<p>
|
||||
If you are a Gmail user you can create a forwarding rule to send email from your regular account
|
||||
to your Omnivore email address. This is useful if you have an existing paid newsletter subscription and
|
||||
don't want to update your account email address.
|
||||
don't want to update your account email address.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
|
|
|
|||
Loading…
Reference in a new issue