From 80b41d9d29fb7e0966977b9396674e06a449e237 Mon Sep 17 00:00:00 2001
From: Alexander Shabunevich <loonar@gmail.com>
Date: Sat, 21 Jan 2023 12:30:47 +0300
Subject: [PATCH] Demo styles fixes

---
 src/demo/Demo.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/demo/Demo.vue b/src/demo/Demo.vue
index ba6fb03..1ec3fa4 100644
--- a/src/demo/Demo.vue
+++ b/src/demo/Demo.vue
@@ -105,7 +105,7 @@ const code = computed(() => examples[selectedExample.value].code)
   padding: 2.3rem var(--docsifytabs-content-padding);
   background-color: var(--code-theme-background);
   border-radius: 0 0 0 5px;
-  width: 85%;
+  width: 100%;
   position: relative;
 }
 .VueLive-container .VueLive-editor::after {
@@ -127,6 +127,7 @@ const code = computed(() => examples[selectedExample.value].code)
   border-radius: 0 0 5px 0;
   background-color: transparent;
   position: relative;
+  width: 45%;
 }
 .VueLive-container .VueLivePreview::after {
   content: 'Result';
@@ -149,7 +150,7 @@ const code = computed(() => examples[selectedExample.value].code)
   max-width: 100%;
 }
 
-@media screen and (max-width: 500px) {
+@media screen and (max-width: 999px) {
   .VueLive-container {
     flex-direction: column;
   }