Merge pull request #314 from aspnetzero/pr/5381

Minimize maui document images

Author: ismcagdas

docs/en/Developing-Step-By-Step-MAUI.md

@@ -341,13 +341,13 @@ button and enter **default** into the textbox in the opened modal. If the tenant
 label. If the tenant is not active or does not exist, then you'll get an
 alert about that.
 
-<img src="images/maui-login.png" alt="Login Screen" class="img-thumbnail" />
+<img src="images/maui-login.png" alt="Login Screen" class="img-thumbnail" width="350"/>
 
 Enter your credentials and tap **Log In** button.
 When you successfully login, you can see the below screen with new
 **People** menu item.
 
-<img src="images/maui-phonebook-empty-phonebook.png" alt="People" class="img-thumbnail" />
+<img src="images/maui-phonebook-empty-phonebook.png" alt="People" class="img-thumbnail" width="350"/>
 
 Up to here we successfully added an empty People page. Let's populate
 the view with data.
@@ -590,9 +590,17 @@ _Index.razor_
 ```
 Now you can create person, list it and edit it.
 
-<img src="images/maui-create-person.png" alt="Create Person" class="img-thumbnail" />
-<img src="images/maui-list-person.png" alt="List Person" class="img-thumbnail" />
-<img src="images/maui-edit-person.png" alt="Edit Person" class="img-thumbnail" />
+*Create Person*
+
+<img src="images/maui-create-person.png" alt="Create Person" class="img-thumbnail" width="350"/>
+
+*List Person*
+
+<img src="images/maui-list-person.png" alt="List Person" class="img-thumbnail" width="350"/>
+
+*Edit Person*
+
+<img src="images/maui-edit-person.png" alt="Edit Person" class="img-thumbnail" width="350"/>
 
 #### Deleting Person
 
@@ -662,8 +670,13 @@ _Index.razor_
 }
 ```
 
-<img src="images/maui-add-delete-button-to-list.png" alt="Add Delete Button" class="img-thumbnail" />
-<img src="images/maui-delete-person-prompt.png" alt="Delete Prompt" class="img-thumbnail" />
+*Delete button*
+
+<img src="images/maui-add-delete-button-to-list.png" alt="Add Delete Button" class="img-thumbnail" width="350"/>
+
+*Delete confirmation*
+
+<img src="images/maui-delete-person-prompt.png" alt="Delete Prompt" class="img-thumbnail" width="350"/>
 
 ## Conclusion
 

docs/en/Development-Guide-MAUI.md

@@ -151,7 +151,7 @@ DebugServerIpAddresses.Current = "XXX.XXX.XXX.XXX";
 
 MAUI project has a very basic structure. ASP.NET Zero adds or modifies these files in the default project;
 
-![Project Structure](images/maui-project-struction.png)
+<img src="/images/maui-project-struction.png" width="350" alt="Project Structure">
 
 Android Project Structure
 
@@ -211,7 +211,7 @@ first authorized menu item.
 
 ##### Login
 
-![MAUI Login Screen](images/maui-login.png)
+<img src="/images/images/maui-login.png" width="350" alt="MAUI Login Screen">
 
 When user enters credentials `AccessTokenManager` authenticates user,
 stores access token in memory. For authentication needed Api calls, this
@@ -225,14 +225,14 @@ it can be retrieved with injecting `IApplicationContext`.
 
 ##### Menu
 
-![Application Menu](images/maui-menu.png)
+<img src="/images/maui-menu.png" width="350" alt="Application Menu">
 
 Menu items are stored in `MenuProvider` class. A menu item is shown if
 only user has granted required permission.
 
 ##### Tenants View
 
-![Tenants Page](images/maui-tenant-page.png)
+<img src="/images/maui-tenant-page.png" width="350" alt="Tenants Page">
 
 In this page you can see all tenants in your application. You can create new tenant, edit tenant or delete tenant. (If you have necessary permissions, otherwise you will not be able to see related buttons or page)
 There is a search bar on the top
@@ -245,7 +245,7 @@ Create Tenant             |  Edit Tenant |  Delete Tenant
 
 ##### User View
 
-![Users page](images/maui-user-list.png)
+<img src="/images/maui-user-list.png" width="350" alt="Users Page">
 
 This page lists users of the tenant or tenant owner. It is only shown if
 the user has permission to this page. Same as tenants view, there's a