D3676.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3676.diff
View Options

	diff --git a/web/settings/relationship/friend-list-row.css b/web/settings/relationship/friend-list-row.css
	new file mode 100644
	--- /dev/null
	+++ b/web/settings/relationship/friend-list-row.css
	@@ -0,0 +1,8 @@
	+.container {
	+ display: flex;
	+ justify-content: space-between;
	+ padding: 16px;
	+ color: var(--relationship-modal-color);
	+ font-size: var(--l-font-18);
	+ line-height: var(--line-height-display);
	+}
	diff --git a/web/settings/relationship/friend-list-row.react.js b/web/settings/relationship/friend-list-row.react.js
	new file mode 100644
	--- /dev/null
	+++ b/web/settings/relationship/friend-list-row.react.js
	@@ -0,0 +1,14 @@
	+// @flow
	+
	+import * as React from 'react';
	+
	+import css from './friend-list-row.css';
	+import type { UserRowProps } from './user-list.react';
	+
	+function FriendListRow(props: UserRowProps): React.Node {
	+ const { userInfo } = props;
	+
	+ return <div className={css.container}>{userInfo.username}</div>;
	+}
	+
	+export default FriendListRow;
	diff --git a/web/theme.css b/web/theme.css
	--- a/web/theme.css
	+++ b/web/theme.css
	@@ -139,4 +139,5 @@
	--subchannels-modal-color: var(--shades-black-60);
	--subchannels-modal-color-hover: var(--shades-white-100);
	--color-selector-active-bg: var(--shades-black-80);
	+ --relationship-modal-color: var(--shades-black-60);
	}