34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import * as React from "react";
|
|
import { Row, Col } from "../../../ui/index";
|
|
import { t } from "../../../i18next_wrapper";
|
|
import { DevSettings } from "../../../account/dev/dev_support";
|
|
import { Highlight } from "../maybe_highlight";
|
|
import { DeviceSetting } from "../../../constants";
|
|
|
|
export function SpacePanelHeader() {
|
|
const newFormat = DevSettings.futureFeaturesEnabled();
|
|
const width = newFormat ? 4 : 2;
|
|
const offset = newFormat ? 0 : 6;
|
|
return <div className="label-headings">
|
|
<Highlight settingName={DeviceSetting.axisHeadingLabels}>
|
|
<Row>
|
|
<Col xs={width} xsOffset={offset} className={"centered-button-div"}>
|
|
<label>
|
|
{t("X AXIS")}
|
|
</label>
|
|
</Col>
|
|
<Col xs={width} className={"centered-button-div"}>
|
|
<label>
|
|
{t("Y AXIS")}
|
|
</label>
|
|
</Col>
|
|
<Col xs={width} className={"centered-button-div"}>
|
|
<label>
|
|
{t("Z AXIS")}
|
|
</label>
|
|
</Col>
|
|
</Row>
|
|
</Highlight>
|
|
</div>;
|
|
}
|