sendnrw/netbird-docs
2
0
Fork 0
mirror of https://github.com/netbirdio/docs.git synced 2026-04-15 23:16:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added new 'imagewrapper-medium' class, applied to images in android.mdx (#517)

Browse Source 
Co-authored-by: Ashley Mensah <ashley@netbird.io>
This commit is contained in:
shuuri-labs
2025-12-12 12:31:21 +01:00
committed by GitHub
parent 0749bbca4e
commit db480cbba4
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/get-started/install/android.mdx
View File

@@ -27,11 +27,11 @@ APK releases are also available to install directly on your Android device via t
Upon first launch, NetBird will inform you that it's using the default managemet server.
<img src="/docs-static/img/get-started/android/first-install-dialog.png" alt="firstinstall" className="imagewrapper"/>
<img src="/docs-static/img/get-started/android/first-install-dialog.png" alt="firstinstall" className="imagewrapper-medium"/>
Select 'Continue' to ackownledge and you'll be greeted with the app's main screen.
<img src="/docs-static/img/get-started/android/main-screen.png" alt="mainscreen" className="imagewrapper"/>
<img src="/docs-static/img/get-started/android/main-screen.png" alt="mainscreen" className="imagewrapper-medium"/>
### Management Server Configuration
@@ -41,17 +41,17 @@ Select 'Continue' to ackownledge and you'll be greeted with the app's main scree
Select the hamburger menu on the top left of the main screen (or hold the left directional button on Android TV) and navigate to the 'Change Server' menu.
<img src="/docs-static/img/get-started/android/change-server-menu-item.png" alt="changeserver" className="imagewrapper"/>
<img src="/docs-static/img/get-started/android/change-server-menu-item.png" alt="changeserver" className="imagewrapper-medium"/>
Changing servers erases the device's current NetBird config, so you'll need to confirm the action before proceeding:
<img src="/docs-static/img/get-started/android/confirm-erase-config.png" alt="confirmeraseconfig" className="imagewrapper"/>
<img src="/docs-static/img/get-started/android/confirm-erase-config.png" alt="confirmeraseconfig" className="imagewrapper-medium"/>
Enter your management server endpoint. For cloud users, this is `https://api.netbird.io:443`. For self-hosted users, it's usually `https://your_management_server_url:443`, but you can refer to your management.json configuration file if you're unsure.
If enrolling the device with a setup key, select '+ Add this device with a setup key' and enter your setup key. Select 'change' to apply your new management server config, and if successful you'll see the following:
<img src="/docs-static/img/get-started/android/server-changed.png" alt="serverchanged" className="imagewrapper"/>
<img src="/docs-static/img/get-started/android/server-changed.png" alt="serverchanged" className="imagewrapper-medium"/>
You're now ready to connect to your Netbird network!
@@ -59,7 +59,7 @@ You're now ready to connect to your Netbird network!
Select the NetBird logo button to connect. The app will request permission to create a VPN connection:
<img src="/docs-static/img/get-started/android/vpn-connection-request.png" alt="vpnconnectionrequest" className="imagewrapper"/>
<img src="/docs-static/img/get-started/android/vpn-connection-request.png" alt="vpnconnectionrequest" className="imagewrapper-medium"/>
Select 'OK'. If you didn't enter a setup key in the 'Change Server' menu, then you'll need to authenticate with your SSO provider. NetBird will open a browser window where you'll be instructed to sign in to your SSO provider.

7
src/styles/tailwind.css
View File

@@ -46,6 +46,13 @@
width: 70%;
}
.imagewrapper-medium {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 4px;
overflow: hidden;
width: 40%;
}
.imagewrapper-big {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 4px;