diff --git a/src/App.css b/src/App.css index caf430c..fcac672 100644 --- a/src/App.css +++ b/src/App.css @@ -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; +} diff --git a/src/App.js b/src/App.js index c630e02..9fba850 100644 --- a/src/App.js +++ b/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 && ( -

Copy Pasta

+

details for "{name}"

- - Notes: https://pad.riseup.net/p/{name} + + Notes: https://pad.riseup.net/p/{name} - - Computer / app: https://meet.jit.si/{name} + + Computer / app: https://meet.jit.si/{name} - + Phone: {phone} - + PIN: {meetingid} @@ -119,6 +122,9 @@ class App extends React.Component { className="Main" >
+ + horizonevent by @3wc. source + );