From 17db75e958f9b0a20fd98fa86c573063f47c3aec Mon Sep 17 00:00:00 2001
From: EugeniyKiyashko <EugeniyKiyashko@users.noreply.github.com>
Date: Thu, 5 Dec 2024 13:28:16 +0400
Subject: [PATCH] fix indentions

---
 .../Demos/Chat/Customization/Vue/App.vue      | 76 +++++++++----------
 apps/demos/Demos/Chat/Overview/Vue/App.vue    | 24 +++---
 2 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/apps/demos/Demos/Chat/Customization/Vue/App.vue b/apps/demos/Demos/Chat/Customization/Vue/App.vue
index 7d387eb04f5..2299a9350d1 100644
--- a/apps/demos/Demos/Chat/Customization/Vue/App.vue
+++ b/apps/demos/Demos/Chat/Customization/Vue/App.vue
@@ -110,42 +110,42 @@ function onMessageEntered(event) {
 </script>
 
 <style scoped>
-    #app {
-        min-width: 720px;
-        display: flex;
-        gap: 20px;
-    }
-
-    .chat-container {
-        display: flex;
-        flex-grow: 1;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .options {
-        padding: 20px;
-        display: flex;
-        flex-direction: column;
-        min-width: 280px;
-        background-color: rgba(191, 191, 191, 0.15);
-        gap: 16px;
-    }
-
-    .dx-chat {
-        max-width: 480px;
-    }
-
-    .caption {
-        font-size: var(--dx-font-size-sm);
-        font-weight: 500;
-    }
-
-    .option-separator {
-        border-bottom: 1px solid var(--dx-color-border);
-    }
-
-    .dx-avatar {
-        border: 1px solid var(--dx-color-border);
-    }
+#app {
+  min-width: 720px;
+  display: flex;
+  gap: 20px;
+}
+
+.chat-container {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+}
+
+.options {
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  min-width: 280px;
+  background-color: rgba(191, 191, 191, 0.15);
+  gap: 16px;
+}
+
+.dx-chat {
+  max-width: 480px;
+}
+
+.caption {
+  font-size: var(--dx-font-size-sm);
+  font-weight: 500;
+}
+
+.option-separator {
+  border-bottom: 1px solid var(--dx-color-border);
+}
+
+.dx-avatar {
+  border: 1px solid var(--dx-color-border);
+}
 </style>
diff --git a/apps/demos/Demos/Chat/Overview/Vue/App.vue b/apps/demos/Demos/Chat/Overview/Vue/App.vue
index 0a4615eb937..3fcf8fe9a28 100644
--- a/apps/demos/Demos/Chat/Overview/Vue/App.vue
+++ b/apps/demos/Demos/Chat/Overview/Vue/App.vue
@@ -48,16 +48,16 @@ function supportChatTypingEnd() {
 </script>
 
 <style scoped>
-    #app {
-        display: flex;
-        gap: 20px;
-    }
-
-    .dx-chat {
-        height: 710px;
-    }
-
-    .dx-avatar {
-        border: 1px solid var(--dx-color-border);
-    }
+#app {
+  display: flex;
+  gap: 20px;
+}
+
+.dx-chat {
+  height: 710px;
+}
+
+.dx-avatar {
+  border: 1px solid var(--dx-color-border);
+}
 </style>