minor UI cleanup
This commit is contained in:
parent
478a3b91f7
commit
555783bad3
|
@ -13,11 +13,12 @@ const STYLE = {
|
||||||
}
|
}
|
||||||
const SETTINGS = {
|
const SETTINGS = {
|
||||||
defaultEdgeColor: "#5C7080",
|
defaultEdgeColor: "#5C7080",
|
||||||
|
defaultLabelColor: "#F5F8FA",
|
||||||
defaultNodeColor: "#CED9E0",
|
defaultNodeColor: "#CED9E0",
|
||||||
defaultNodeHoverColor: "#48AFF0",
|
|
||||||
drawEdges: true,
|
drawEdges: true,
|
||||||
drawLabels: true,
|
drawLabels: true,
|
||||||
edgeColor: "default",
|
edgeColor: "default",
|
||||||
|
labelColor: "default",
|
||||||
}
|
}
|
||||||
|
|
||||||
class GraphImpl extends React.Component {
|
class GraphImpl extends React.Component {
|
||||||
|
|
|
@ -22,7 +22,7 @@ class InstanceSearchImpl extends React.Component<IInstanceSearchProps> {
|
||||||
public render() {
|
public render() {
|
||||||
return (
|
return (
|
||||||
<InstanceSelect
|
<InstanceSelect
|
||||||
items={this.props.instances && this.props.instances.slice(50) || []}
|
items={this.props.instances || []}
|
||||||
itemRenderer={this.itemRenderer}
|
itemRenderer={this.itemRenderer}
|
||||||
onItemSelect={this.onItemSelect}
|
onItemSelect={this.onItemSelect}
|
||||||
itemPredicate={this.itemPredicate}
|
itemPredicate={this.itemPredicate}
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
|
|
||||||
import { Alignment, Button, Icon, Navbar } from '@blueprintjs/core';
|
import { Alignment, Navbar } from '@blueprintjs/core';
|
||||||
import { IconNames } from '@blueprintjs/icons';
|
|
||||||
|
|
||||||
import { InstanceSearch } from './InstanceSearch';
|
import { InstanceSearch } from './InstanceSearch';
|
||||||
|
|
||||||
|
@ -11,7 +10,7 @@ export class Nav extends React.Component {
|
||||||
<Navbar>
|
<Navbar>
|
||||||
<Navbar.Group align={Alignment.LEFT}>
|
<Navbar.Group align={Alignment.LEFT}>
|
||||||
<Navbar.Heading>fediverse.space</Navbar.Heading>
|
<Navbar.Heading>fediverse.space</Navbar.Heading>
|
||||||
<Button
|
{/* <Button
|
||||||
icon={<Icon icon={IconNames.GLOBE_NETWORK} />}
|
icon={<Icon icon={IconNames.GLOBE_NETWORK} />}
|
||||||
text="Network"
|
text="Network"
|
||||||
minimal={true}
|
minimal={true}
|
||||||
|
@ -20,7 +19,7 @@ export class Nav extends React.Component {
|
||||||
icon={<Icon icon={IconNames.GLOBE} />}
|
icon={<Icon icon={IconNames.GLOBE} />}
|
||||||
text="Map"
|
text="Map"
|
||||||
minimal={true}
|
minimal={true}
|
||||||
/>
|
/> */}
|
||||||
</Navbar.Group>
|
</Navbar.Group>
|
||||||
<Navbar.Group align={Alignment.RIGHT}>
|
<Navbar.Group align={Alignment.RIGHT}>
|
||||||
<InstanceSearch />
|
<InstanceSearch />
|
||||||
|
|
Loading…
Reference in a new issue