From 0689055f26935f41d7200e9e9a103722f12617bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 27 Mar 2023 11:10:09 +0300
Subject: [PATCH] ProgressSpinner custom demo updated

---
 doc/progressspinner/CustomDoc.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/doc/progressspinner/CustomDoc.vue b/doc/progressspinner/CustomDoc.vue
index 9896fb2c5..f85fb66eb 100644
--- a/doc/progressspinner/CustomDoc.vue
+++ b/doc/progressspinner/CustomDoc.vue
@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>ProgressSpinner can be customized with styling property like <i>style</i>, <i>strokeWidth</i> <i>fill</i> and <i>animationDuration</i>.</p>
     </DocSectionText>
-    <div class="card">
+    <div class="card flex justify-content-center">
         <ProgressSpinner style="width: 50px; height: 50px" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s" aria-label="Custom ProgressSpinner" />
     </div>
     <DocSectionCode :code="code" />
@@ -18,7 +18,7 @@ export default {
     animationDuration=".5s" aria-label="Custom ProgressSpinner" />`,
                 options: `
 <template>
-    <div class="card">
+    <div class="card flex justify-content-center">
         <ProgressSpinner style="width: 50px; height: 50px" strokeWidth="8" fill="var(--surface-ground)"
             animationDuration=".5s" aria-label="Custom ProgressSpinner" />
     </div>
@@ -28,7 +28,7 @@ export default {
 <\/script>`,
                 composition: `
 <template>
-    <div class="card">
+    <div class="card flex justify-content-center">
         <ProgressSpinner style="width: 50px; height: 50px" strokeWidth="8" fill="var(--surface-ground)"
             animationDuration=".5s" aria-label="Custom ProgressSpinner" />
     </div>