From cfc79a59d5c8917a24fcc433698e3915e5cf989f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Tue, 2 Feb 2021 12:08:52 +0100
Subject: [PATCH] change loader size

---
 docs/src/components/DemoFrame/index.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/components/DemoFrame/index.vue b/docs/src/components/DemoFrame/index.vue
index d631f062..ad8998ff 100644
--- a/docs/src/components/DemoFrame/index.vue
+++ b/docs/src/components/DemoFrame/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="demo-frame" :class="{ 'is-inline': inline }">
+  <div class="demo-frame" :class="{ 'is-inline': inline, 'is-loading': isLoading }">
     <div class="demo-frame__loader-wrapper" v-if="isLoading">
       <div class="demo-frame__loader" />
     </div>
@@ -70,7 +70,7 @@ export default {
   flex-direction: column;
   overflow: hidden;
   position: relative;
-  min-height: 8rem;
+  min-height: 5rem;
 
   &.is-inline {
     border-radius: 0.5rem;
@@ -92,8 +92,8 @@ export default {
   &__loader,
   &__loader:after {
     border-radius: 50%;
-    width: 2rem;
-    height: 2rem;
+    width: 1.25rem;
+    height: 1.25rem;
   }
   &__loader {
     font-size: 10px;