Merge pull request #1907 from prachi00/feat-preloader-overflow

#1902 fix preloader height issue
kodadot · Jan 18, 2022 · b73256c · b73256c
2 parents ead111d + c25cb01
commit b73256c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/shared/Loader.vue b/components/shared/Loader.vue
@@ -8,7 +8,7 @@
         <br />
         <div class="pl-4 pr-4">
           <b-icon size="is-large" icon="lightbulb" class="funfact-icon" />
-          <div>{{ randomFunFactQuestion }}</div>
+          <div class="question">{{ randomFunFactQuestion }}</div>
         </div>
       </div>
       <figure>
@@ -86,7 +86,6 @@ export default class Loader extends Vue {
   background: #1a1a1ae0;
   margin: 0rem 1rem;
   width: 450px;
-  height: 400px;
   border: 2px solid $primary-light;
   box-shadow: 13px 14px $primary-dark-transparent;
 }
@@ -106,6 +105,9 @@ export default class Loader extends Vue {
 .funfact-icon {
   color: $primary-light;
 }
+.question {
+  min-height: 70px;
+}
 .loading-text {
   position: relative;
   max-width: 200px;