ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-11-10 18:21:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

hark: use vertical rules

Browse Source 
FIxes urbit/landscape#150.
This commit is contained in:
Matilde Park 2020-11-11 00:08:43 -05:00
parent 176ac9d4ea
commit ef9ea119c6
1 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
pkg/interface/src/views/apps/notifications/header.tsx
View File

@ -1,5 +1,5 @@
import React from "react";
import { Text as NormalText, Row, Icon } from "@tlon/indigo-react";
import { Text as NormalText, Row, Icon, Rule } from "@tlon/indigo-react";
import f from "lodash/fp";
import _ from "lodash";
import moment from "moment";
@ -11,12 +11,6 @@ const Text = (props: PropFunc<typeof Text>) => (
<NormalText fontWeight="500" {...props} />
);
const Divider = (props: PropFunc<typeof Text>) => (
<Text lineHeight="tall" mx="1" fontWeight="bold" color="lightGray">
|
</Text>
);
function Author(props: { patp: string; contacts: Contacts; last?: boolean }) {
const contact: Contact | undefined = props.contacts?.[props.patp];
@ -92,13 +86,9 @@ export function Header(props: {
<Text mr="1">{description}</Text>
{!!moduleIcon && <Icon icon={moduleIcon as any} />}
{!!channel && <Text fontWeight="500">{channelTitle}</Text>}
<Text mx="1" fontWeight="bold" color="lightGray">
|
</Text>
<Rule vertical height="12px" />
<Text fontWeight="500">{groupTitle}</Text>
<Text lineHeight="tall" mx="1" fontWeight="bold" color="lightGray">
|
</Text>
<Rule vertical height="12px"/>
<Text fontWeight="regular" color="lightGray">
{time}
</Text>