2
0
mirror of https://github.com/tenrok/maska.git synced 2026-06-08 17:22:27 +03:00

Demo styles fixes

This commit is contained in:
Alexander Shabunevich
2023-01-21 12:30:47 +03:00
parent f06bbf529a
commit 80b41d9d29
+3 -2
View File
@@ -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;
}