Add icons and git link
This commit is contained in:
parent
308d31b184
commit
317abfb626
@ -20,6 +20,7 @@ body {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.App .Main form {
|
||||
@ -35,6 +36,12 @@ body {
|
||||
|
||||
.App .Main ul {
|
||||
text-align: left;
|
||||
width: 50%;
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.Meta {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
22
src/App.js
22
src/App.js
@ -1,7 +1,10 @@
|
||||
import React from 'react';
|
||||
|
||||
import {
|
||||
Heading, IconButton, StarIcon, Pane, TextInput, Text, Spinner, Textarea, ListItem, UnorderedList
|
||||
Heading, Text, Spinner, Link,
|
||||
IconButton, StarIcon, Pane, TextInput,
|
||||
ListItem, UnorderedList,
|
||||
EditIcon, LockIcon, PhoneIcon, ApplicationIcon
|
||||
} from 'evergreen-ui'
|
||||
|
||||
import './App.css';
|
||||
@ -84,18 +87,18 @@ class Form extends React.Component {
|
||||
)}
|
||||
{!invalid && name && (
|
||||
<Pane className="center">
|
||||
<h3>Copy Pasta</h3>
|
||||
<h3>details for "{name}"</h3>
|
||||
<UnorderedList size={500}>
|
||||
<ListItem>
|
||||
Notes: https://pad.riseup.net/p/{name}
|
||||
<ListItem icon={EditIcon}>
|
||||
Notes: <Link href="https://pad.riseup.net/p/{name}">https://pad.riseup.net/p/{name}</Link>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
Computer / app: https://meet.jit.si/{name}
|
||||
<ListItem icon={ApplicationIcon}>
|
||||
Computer / app: <Link href="https://meet.jit.si/{name}">https://meet.jit.si/{name}</Link>
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<ListItem icon={PhoneIcon}>
|
||||
Phone: {phone}
|
||||
</ListItem>
|
||||
<ListItem>
|
||||
<ListItem icon={LockIcon}>
|
||||
PIN: {meetingid}
|
||||
</ListItem>
|
||||
</UnorderedList>
|
||||
@ -119,6 +122,9 @@ class App extends React.Component {
|
||||
className="Main"
|
||||
>
|
||||
<Form />
|
||||
<Pane className="Meta">
|
||||
horizonevent by @3wc. <Link href="https://git.autonomic.zone/3wordchant/horizonevent/">source</Link>
|
||||
</Pane>
|
||||
</Pane>
|
||||
</Pane>
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user