Revert "add copy button"

This reverts commit 7ea7cd44ea.

docs/src/components/Demo/index.vue

@@ -22,9 +22,6 @@
             <!-- eslint-disable-next-line -->
             <prism :language="activeFile.highlight" :highlight="highlight">{{ activeFile.content }}</prism>
           </div>
-          <button class="demo__copy" @click="copy">
-            Copy
-          </button>
         </div>
         <div class="demo__meta">
           <div class="demo__name">
@@ -43,7 +40,6 @@
 </template>
 
 <script>
-import copy from 'copy-to-clipboard'
 import Prism from '~/components/Prism'
 import DemoFrame from '~/components/DemoFrame'
 import DemoMixin from '~/components/DemoMixin'
@@ -79,12 +75,6 @@ export default {
       return `https://github.com/ueberdosis/tiptap-next/tree/main/docs/src/demos/${this.name}`
     },
   },
-
-  methods: {
-    copy() {
-      copy(this.activeFile.content)
-    },
-  },
 }
 </script>
 

docs/src/components/Demo/style.scss

@@ -15,7 +15,6 @@
   }
 
   &__source {
-    position: relative;
     background-color: $colorBlack;
   }
 
@@ -28,7 +27,7 @@
   &__tabs {
     display: flex;
     flex: 1 1 auto;
-    padding: 0 3.5rem 0 1.25rem;
+    padding: 0 1.25rem 0 1.25rem;
     border-bottom: 2px solid rgba($colorWhite, 0.1);
   }
 
@@ -107,22 +106,4 @@
     font-weight: 700;
     margin-bottom: 0.25rem;
   }
-
-  &__copy {
-    position: absolute;
-    top: 0;
-    padding: 0.3rem 1rem;
-    right: 0;
-    font: inherit;
-    font-family: "JetBrainsMono", monospace;
-    font-size: 0.85rem;
-    background: $colorBlack;
-    border: 0;
-    border-radius: 0.4rem;
-    color: rgba($colorWhite, 0.7);
-
-    &:hover {
-      color: $colorWhite;
-    }
-  }
 }