Merge pull request #6058 from abpframework/dev-message-align

Alignment if message dialog icon and text

framework/src/Volo.Abp.BlazoriseUI/Components/UiMessageAlert.razor

@@ -9,16 +9,18 @@
         <ModalBody>
             @if ( ShowMessageIcon )
             {
-                <DisplayHeading Size="DisplayHeadingSize.Is2" Style="text-align:center;">
+                <DisplayHeading Size="DisplayHeadingSize.Is2" Alignment="TextAlignment.Center">
                     <Icon Name="@MessageIcon" Style="@MessageIconStyle" />
                 </DisplayHeading>
             }
-            @Message
+            <Text Alignment="TextAlignment.Center">
+                @Message
+            </Text>
         </ModalBody>
         <ModalFooter>
             @if ( IsConfirmation )
             {
-                <Button Color="Color.Danger" Padding="Padding.Is2.OnX" Margin="Margin.IsAuto.FromRight" Clicked="@OnCancelClicked">
+                <Button Color="Color.Danger" Padding="Padding.Is2.OnX" Clicked="@OnCancelClicked">
                     @if ( Options?.CancelButtonIcon != null )
                     {
                         <Icon Name="@Options.CancelButtonIcon" Margin="Margin.Is2.FromRight" />

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor/wwwroot/index.html

@@ -8,13 +8,15 @@
     <base href="/" />
 
     <!--ABP:Styles-->
-	<link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
-	<link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
-	<link href="_content/Blazorise.Snackbar/blazorise.snackbar.css" rel="stylesheet" />
-	<link href="_content/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
-	<link href="_content/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/libs/fontawesome/css/all.css" rel="stylesheet" />
-	<link href="_content/Volo.Abp.AspNetCore.Components.WebAssembly.BasicTheme/libs/abp/css/theme.css" rel="stylesheet" />
-	<!--/ABP:Styles-->
+    <link href="_content/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="_content/Volo.Abp.AspNetCore.Components.WebAssembly.Theming/libs/fontawesome/css/all.css" rel="stylesheet" />
+
+    <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
+    <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
+    <link href="_content/Blazorise.Snackbar/blazorise.snackbar.css" rel="stylesheet" />
+
+    <link href="_content/Volo.Abp.AspNetCore.Components.WebAssembly.BasicTheme/libs/abp/css/theme.css" rel="stylesheet" />
+    <!--/ABP:Styles-->
 
     <link href="main.css" rel="stylesheet" />
 </head>
@@ -23,12 +25,13 @@
     <div id="ApplicationContainer">Loading...</div>
 
     <!--ABP:Scripts-->
-	<script src="_framework/blazor.webassembly.js"></script>
-	<script src="_content/Volo.Abp.AspNetCore.Components.WebAssembly/libs/abp/js/abp.js"></script>
-	<script src="_content/Blazorise/blazorise.js"></script>
-	<script src="_content/Blazorise.Bootstrap/blazorise.bootstrap.js"></script>
-	<script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script>
-	<!--/ABP:Scripts-->
+    <script src="_content/Volo.Abp.AspNetCore.Components.WebAssembly/libs/abp/js/abp.js"></script>
+    <script src="_content/Blazorise/blazorise.js"></script>
+    <script src="_content/Blazorise.Bootstrap/blazorise.bootstrap.js"></script>
+    <script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script>
+    
+    <script src="_framework/blazor.webassembly.js"></script>
+    <!--/ABP:Scripts-->
 
 </body>
 </html>