Pass component into hyperscript

2024-06-19 02:07:17 +03:00
parent 05db0b693e
commit 3e39bda014
3 changed files with 34 additions and 33 deletions
@@ -0,0 +1,32 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div
+    class="absolute flex flex-col justify-start top-0 left-0 w-full h-full pointer-events-none"
+  >
+    <div class="flex flex-row justify-end items-center p-2">
+      <iconify-icon icon="mdi:content-copy" inline class="button" />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.button {
+  @apply flex-grow-0;
+
+  pointer-events: auto;
+
+  padding: 0.5em;
+
+  cursor: pointer;
+
+  background-color: rgb(153 153 255 / 10%);
+
+  border: 1px solid rgb(153 153 255 / 60%);
+  border-radius: 0.5em;
+
+  opacity: 0.5;
+
+  transition: 0.3s ease;
+}
+</style>