33 lines
607 B
Vue
33 lines
607 B
Vue
<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>
|