diff --git a/BlazorAndTailwind/Pages/Index.razor b/BlazorAndTailwind/Pages/Index.razor index c83e01c..52a9ddf 100644 --- a/BlazorAndTailwind/Pages/Index.razor +++ b/BlazorAndTailwind/Pages/Index.razor @@ -2,8 +2,5 @@ Index -

Hello, world!

+

Hello, world!

-Welcome to your new app. - - diff --git a/BlazorAndTailwind/Shared/MainLayout.razor b/BlazorAndTailwind/Shared/MainLayout.razor index 7cabb0e..cab3b2f 100644 --- a/BlazorAndTailwind/Shared/MainLayout.razor +++ b/BlazorAndTailwind/Shared/MainLayout.razor @@ -1,7 +1,7 @@ @inherits LayoutComponentBase -
-
+
+
@@ -14,7 +14,7 @@
-
+
@Body
diff --git a/BlazorAndTailwind/wwwroot/css/app.min.css b/BlazorAndTailwind/wwwroot/css/app.min.css index efe4759..1af7e4d 100644 --- a/BlazorAndTailwind/wwwroot/css/app.min.css +++ b/BlazorAndTailwind/wwwroot/css/app.min.css @@ -1544,6 +1544,10 @@ video { height:3.5rem } +.min-h-screen{ + min-height:100vh +} + .w-6{ width:1.5rem } @@ -1595,6 +1599,10 @@ video { list-style-type:disc } +.flex-row{ + flex-direction:row +} + .flex-col{ flex-direction:column } @@ -1942,6 +1950,19 @@ a, .btn-link { display:none } + .sm\:min-w-max{ + min-width:-moz-max-content; + min-width:max-content + } + + .sm\:flex-row{ + flex-direction:row + } + + .sm\:flex-col{ + flex-direction:column + } + .sm\:bg-orange-400{ --tw-bg-opacity:1; background-color:rgb(251 146 60 / var(--tw-bg-opacity))