From 8fff4ed32ddb25ce6449c4f48efd3b6c0776c3ce Mon Sep 17 00:00:00 2001 From: tglide <26071571+TGlide@users.noreply.github.com> Date: Thu, 23 Feb 2023 23:38:09 +0000 Subject: [PATCH 1/2] fix: wizard spacing issues --- src/lib/layout/wizardStep.svelte | 9 ++- .../platforms/wizard/android/step2.svelte | 10 ++- .../platforms/wizard/apple/step3.svelte | 4 +- .../platforms/wizard/flutter/step1.svelte | 79 +++++++++--------- .../platforms/wizard/flutter/step2.svelte | 2 +- .../platforms/wizard/web/step2.svelte | 81 ++++++++++--------- 6 files changed, 104 insertions(+), 81 deletions(-) diff --git a/src/lib/layout/wizardStep.svelte b/src/lib/layout/wizardStep.svelte index 73e50eeac2..8b7d1561fd 100644 --- a/src/lib/layout/wizardStep.svelte +++ b/src/lib/layout/wizardStep.svelte @@ -12,7 +12,7 @@ } -
+
@@ -24,3 +24,10 @@
+ + diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte index 95839d15ce..37e9f22cf6 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/android/step2.svelte @@ -12,7 +12,15 @@ Get the SDK

First, add this to your root level build.gradle file:

- +
+ +

And add this to your project's build.gradle file:

 diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte index fe5be13fcc..ca35a8faac 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/apple/step3.svelte @@ -16,12 +16,12 @@ let client = Client() Let's get coding

Init your SDK

-

+

Now that you've downloaded the SDK, it's time to initialze it. Use your project ID, which can be found in your project settings page.

-

+

Before sending any API calls to your new Appwrite project, make sure your device or emulator has network access to your Appwrite project's hostname or IP address.

diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte index f44ea388b7..becffec6ea 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step1.svelte @@ -110,46 +110,45 @@ Register your Flutter app - -
- (platform = Platform.Android)} - selected={platform === Platform.Android}> - Android - - (platform = Platform.Ios)} - selected={platform === Platform.Ios}> - iOS - - (platform = Platform.Linux)} - selected={platform === Platform.Linux}> - Linux - - (platform = Platform.Macos)} - selected={platform === Platform.Macos}> - Mac OS - - (platform = Platform.Windows)} - selected={platform === Platform.Windows}> - Windows - - (platform = Platform.Web)} - selected={platform === Platform.Web}> - Web - -
- + +
+ (platform = Platform.Android)} + selected={platform === Platform.Android}> + Android + + (platform = Platform.Ios)} + selected={platform === Platform.Ios}> + iOS + + (platform = Platform.Linux)} + selected={platform === Platform.Linux}> + Linux + + (platform = Platform.Macos)} + selected={platform === Platform.Macos}> + Mac OS + + (platform = Platform.Windows)} + selected={platform === Platform.Windows}> + Windows + + (platform = Platform.Web)} + selected={platform === Platform.Web}> + Web + +
Get the SDK

Add Appwrite SDK to your package's pubspec.yaml file. You can view an example here.

- +

You can also install the SDK using the Dart package manager from your terminal:

diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte index 9699669ff3..aeab08e592 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte @@ -22,40 +22,49 @@ Get the SDK - - Choose your preferred method of installation -
- (method = Method.NPM)} selected={method === Method.NPM}> - NPM - - (method = Method.CDN)} selected={method === Method.CDN}> - CDN - -
- - {#if method === Method.NPM} -

- Use NPM (node package manager) from your command line to add Appwrite SDK to your project. -

- -

- When you're using a bundler (like Vite - or - Rollup), import the Appwrite module when you need it: -

- - {:else if method === Method.CDN} -

- To install with a CDN (content delivery network) add the following scripts to the bottom - of your tag, but before you use any Appwrite services: -

- - {/if} + +

Choose your preferred method of installation

+
+ (method = Method.NPM)} selected={method === Method.NPM}> + NPM + + (method = Method.CDN)} selected={method === Method.CDN}> + CDN + +
+ +
+ {#if method === Method.NPM} +

+ Use + NPM (node package manager) from your command line to add Appwrite SDK to your + project. +

+
+ +
+

+ When you're using a bundler (like Vite + or + Rollup), import the Appwrite module when you need it: +

+ + {:else if method === Method.CDN} +

+ To install with a CDN (content delivery network) add the following scripts to the + bottom of your tag, but before you use any Appwrite services: +

+ + {/if} +
From f6ff291de1a7a38a5bba0a69ce2d4a9150efafb0 Mon Sep 17 00:00:00 2001 From: tglide <26071571+TGlide@users.noreply.github.com> Date: Fri, 24 Feb 2023 10:26:21 +0000 Subject: [PATCH 2/2] fix: more spacings --- .../overview/platforms/wizard/flutter/step2.svelte | 4 +++- .../overview/platforms/wizard/flutter/step3.svelte | 11 ++++++++++- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step2.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step2.svelte index b629896df3..fa2fb7330c 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step2.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step2.svelte @@ -12,7 +12,9 @@ Get the SDK

Add Appwrite SDK to your package's pubspec.yaml file. You can view an example here.

- +
+ +

You can also install the SDK using the Dart package manager from your terminal:

diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte index 6f46f657d4..a6099687e6 100644 --- a/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte +++ b/src/routes/console/project-[project]/overview/platforms/wizard/flutter/step3.svelte @@ -21,7 +21,16 @@ client Now that you've downloaded the SDK, it's time to initialze it. Use your project ID, which can be found in your project settings page.

- +
+ +

Before sending any API calls to your new Appwrite project, make sure your device or emulator has network access to your Appwrite project's hostname or IP address.