mirrors/maska
2
0
Fork 0
mirror of https://github.com/tenrok/maska.git synced 2026-06-20 20:00:34 +03:00
Code Activity

Demo styles fixes

Browse Source
This commit is contained in:
Alexander Shabunevich
2023-01-21 12:30:47 +03:00
parent f06bbf529a
commit 80b41d9d29
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/demo/Demo.vue
+3 -2
View File
@@ -105,7 +105,7 @@ const code = computed(() => examples[selectedExample.value].code)
padding: 2.3rem var(--docsifytabs-content-padding); padding: 2.3rem var(--docsifytabs-content-padding);
background-color: var(--code-theme-background); background-color: var(--code-theme-background);
border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;
width: 85%; width: 100%;
position: relative; position: relative;
} }
.VueLive-container .VueLive-editor::after { .VueLive-container .VueLive-editor::after {
@@ -127,6 +127,7 @@ const code = computed(() => examples[selectedExample.value].code)
border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;
background-color: transparent; background-color: transparent;
position: relative; position: relative;
width: 45%;
} }
.VueLive-container .VueLivePreview::after { .VueLive-container .VueLivePreview::after {
content: 'Result'; content: 'Result';
@@ -149,7 +150,7 @@ const code = computed(() => examples[selectedExample.value].code)
max-width: 100%; max-width: 100%;
} }
@media screen and (max-width: 500px) { @media screen and (max-width: 999px) {
.VueLive-container { .VueLive-container {
flex-direction: column; flex-direction: column;
} }