diff --git a/src/pages/get-started/install/android.mdx b/src/pages/get-started/install/android.mdx index 24632ae5..ecbe4cae 100644 --- a/src/pages/get-started/install/android.mdx +++ b/src/pages/get-started/install/android.mdx @@ -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. -firstinstall +firstinstall Select 'Continue' to ackownledge and you'll be greeted with the app's main screen. -mainscreen +mainscreen ### 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. -changeserver +changeserver Changing servers erases the device's current NetBird config, so you'll need to confirm the action before proceeding: -confirmeraseconfig +confirmeraseconfig 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: -serverchanged +serverchanged 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: -vpnconnectionrequest +vpnconnectionrequest 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. diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css index f6c81cfc..af0cb75a 100644 --- a/src/styles/tailwind.css +++ b/src/styles/tailwind.css @@ -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;