contacts: tile graphic, fixing mount point

This commit is contained in:
Matilde Park 2019-11-22 22:37:01 -05:00 committed by Logan Allen
parent 47c1745074
commit 7dfe151f15
6 changed files with 78275 additions and 14 deletions

View File

@ -59,8 +59,8 @@
^- (quip move _this)
?~ old
:_ this
:~ [ost.bol %connect / [~ /'~contact'] %contact-view]
(launch-poke [/configs '/~contact/js/tile.js'])
:~ [ost.bol %connect / [~ /'~contacts'] %contact-view]
(launch-poke [/configs '/~contacts/js/tile.js'])
==
[~ this(+<+ u.old)]
::

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

View File

@ -0,0 +1,17 @@
<!doctype html>
<html>
<head>
<title>Contacts</title>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<link rel="stylesheet" href="/~contacts/css/index.css" />
<link rel="icon" type="image/png" href="/~launch/img/Favicon.png">
</head>
<body>
<div id="root" />
<script src="/~/channel/channel.js"></script>
<script src="/~modulo/session.js"></script>
<script src="/~contacts/js/index.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -9,18 +9,20 @@ export default class ContactTile extends Component {
const { props } = this;
return (
<div className="w-100 h-100 relative" style={{ background: '#1a1a1a' }}>
<a className="w-100 h-100 db pa2 no-underline" href="/~chat">
<p className="gray label-regular b absolute"
style={{left: 8, top: 4}}>
<div className="w-100 h-100 relative" style={{ background: "#286E55" }}>
<a className="w-100 h-100 db pa2 no-underline" href="/~contacts">
<p
className="white label-regular b absolute"
style={{ left: 8, top: 4 }}>
Contacts
</p>
<img
className="absolute"
style={{ left: 68, top: 65 }}
src="/~chat/img/Tile.png"
width={106}
height={98} />
<img
className="absolute"
style={{ left: 69, top: 69 }}
src="/~contacts/img/Tile.png"
width={96}
height={96}
/>
</a>
</div>
);