#457 - Splash animation was moved a bit down on pages longer than scr…

…een height
maraf · Jun 14, 2023 · 3fd2c7e · 3fd2c7e
1 parent 80e8f71
commit 3fd2c7e
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/src/Money.Blazor.Host/wwwroot/css/site.css b/src/Money.Blazor.Host/wwwroot/css/site.css
@@ -60,6 +60,10 @@ h4 {
   color: #D85A5A;
 }
 
+.h-100vh {
+  height: 100vh;
+}
+
 .dropdown-item {
   padding: 0.25rem 1rem;
 }

diff --git a/src/Money.Blazor.Host/wwwroot/css/site.min.css b/src/Money.Blazor.Host/wwwroot/css/site.min.css
diff --git a/src/Money.Blazor.Host/wwwroot/css/site.scss b/src/Money.Blazor.Host/wwwroot/css/site.scss
@@ -67,6 +67,10 @@ h4 {
     color: #D85A5A;
 }
 
+.h-100vh {
+    height: 100vh;
+}
+
 .dropdown-item {
     padding: .25rem 1rem;
 

diff --git a/src/Money.Blazor.Host/wwwroot/index.html b/src/Money.Blazor.Host/wwwroot/index.html
@@ -31,7 +31,7 @@
         <i class="fas fa-arrow-right"></i>
     </div>
     <div class="splash">
-        <div class="container h-100">
+        <div class="container h-100vh">
             <div class="d-flex justify-content-center align-items-center h-100">
                 <img src="images/icon-w-512x512-maskable.png" title="Money by Neptuo" />
             </div>