diff --git a/src/demo/CodeGen.vue b/src/demo/CodeGen.vue index 764d6c3..25431e8 100644 --- a/src/demo/CodeGen.vue +++ b/src/demo/CodeGen.vue @@ -136,8 +136,13 @@ const importCode = computed(() => { const messageOpen = ref(false); let messageTimer; +function trackCopy(from) { + va.track("copy-code", { from }); + console.log("copied"); +} + function copy() { - va.track("copy-code"); + trackCopy("button"); clearTimeout(messageTimer); navigator.clipboard.writeText(importCode.value); @@ -220,15 +225,16 @@ onBeforeUnmount(() => { :disabled="initializing" autofocus > - +
+ +
@@ -307,8 +313,8 @@ input[type="number"] { min-height: 0; tab-size: 4; - textarea, - pre { + .option-code, + .import-code { flex: 0 0 50%; margin: 0; border: none; @@ -317,18 +323,24 @@ input[type="number"] { overflow: auto; } - pre { - padding: 0; + .import-code { border-left: 1px solid rgba(0, 0, 0, 0.1); - background: #fff; - box-shadow: none; + + pre { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + background: #fff; + box-shadow: none; + } code { height: 100%; } } - textarea { + .option-code { padding: 1em; outline: none; resize: none; diff --git a/src/demo/Demo.vue b/src/demo/Demo.vue index b2fb0e2..42bed53 100644 --- a/src/demo/Demo.vue +++ b/src/demo/Demo.vue @@ -187,7 +187,6 @@ pre { padding: 0.8em; background-color: #f9f9f9; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125); - font-size: 0.8em; text-align: left; } pre,