diff --git a/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx b/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx index a17f87a..11de796 100644 --- a/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx +++ b/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx @@ -49,7 +49,7 @@ export const AddPeerPopup: React.FC = ({ }, { key: "3", - label: macOS, + label: MacOS, children: , }, { diff --git a/src/components/popups/addpeer/addpeer/MacTab.tsx b/src/components/popups/addpeer/addpeer/MacTab.tsx index a285299..63f8ad6 100644 --- a/src/components/popups/addpeer/addpeer/MacTab.tsx +++ b/src/components/popups/addpeer/addpeer/MacTab.tsx @@ -1,12 +1,14 @@ import React, {useState} from 'react'; -import {Button, Typography} from "antd"; +import {Button, Divider, Row, Tooltip, Typography} from "antd"; import TabSteps from "./TabSteps"; import {StepCommand} from "./types" import {formatNetBirdUP} from "./common" import {Collapse} from "antd"; import SyntaxHighlighter from "react-syntax-highlighter"; -const { Panel } = Collapse; +import {QuestionCircleOutlined} from "@ant-design/icons"; + +const {Panel} = Collapse; const {Text} = Typography; @@ -15,10 +17,28 @@ export const LinuxTab = () => { const [quickSteps, setQuickSteps] = useState([ { key: 1, - title: 'Download and run installer:', + title: ( + + Download and run MacOS installer: + If you don't know what chip your Mac has, you can find out by clicking on the Apple logo + in the top left corner of your screen and selecting 'About This Mac'. For more information + click here + } + className={"ant-form-item-tooltip"}> + + + + + ), commands: ( - + + + + ), copied: false } as StepCommand, @@ -78,35 +98,38 @@ export const LinuxTab = () => { showCopyButton: true } as StepCommand ]) - return (
- Install with one command + Install on MacOS -
- - curl -fsSL https://pkgs.netbird.io/install.sh | sh - -
- - Or install manually with HomeBrew - -
- -
-
- /*
+
-
*/ - /*
- - Install on macOS with Homebrew - -
-
-
*/ +
+ {/**/} + + Or install via command line} + key="1"> +
+ + Install with one command + +
+ + curl -fsSL https://pkgs.netbird.io/install.sh | sh + +
+ + Or install manually with HomeBrew + +
+ +
+
+
+
+
) } diff --git a/src/index.css b/src/index.css index a3ccc19..53ffaa9 100644 --- a/src/index.css +++ b/src/index.css @@ -151,4 +151,9 @@ td.non-highlighted-table-column { .ant-table-thead .ant-table-cell { font-weight: normal !important; +} + +.CustomPopupCollapse .ant-collapse-content-box, .CustomPopupCollapse .ant-collapse-header { + padding-left: 0 !important; + padding-top: 0 !important; } \ No newline at end of file