beenull/merakiui
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

MakeFrame Dynamic

Browse source
This commit is contained in:
Arslan 2022-03-15 22:46:27 +05:00
parent fb9aa44f2e
commit d4f034f4b8
3 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/utilities/Frame.vue
View file

@ -4,6 +4,7 @@
<script>
export default {
/*
data () {
return {
code: `<div class="flex w-full max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-md dark:bg-gray-800">
@ -21,7 +22,9 @@
</div>
</div>`
}
},
},*/
props: ['code'],
computed: {
doc: function () {

5
components/utilities/Resizer.vue
View file

@ -14,7 +14,7 @@
ref="handle"
@mousedown="handleMouseDownHandler"
>
<img src="../../assets/images/equal-sign.png">
<img src="../../assets/images/equal-sign.png" draggable="false">
</div>
</div>
</div>
@ -50,7 +50,6 @@ export default {
if(this.paneWidth != undefined){
this.stylesObj.width = this.paneWidth + 'px';
}
console.log(this.stylesObj);
}
},
@ -140,7 +139,7 @@ export default {
position: absolute;
top: 0;
right: 0;
z-index: 1;
z-index: 0;
/*For Handling icon inside*/
display: flex;

3
components/utilities/ViewComponent.vue
View file

@ -40,8 +40,7 @@
<div class="flex items-center justify-center mt-4 overflow-hidden bg-gray-100 border border-gray-100 rounded-lg dark:bg-gray-900 dark:border-gray-900">
<div class="relative w-full" :dir="rtl? 'rtl' : 'ltr'">
<!--<slot class="absolute top-0 left-0 w-full h-full" name="component"></slot>-->
<!--TODO Adjust this to work properly with this-->
<div class="w-full"><Resizer><Frame /></Resizer></div>
<div class="w-full"><Resizer><Frame :code="code" /></Resizer></div>
<transition name="fade">