other components...

src/components/CCopyBtn/CCopyBtn.scss

@@ -0,0 +1,47 @@
+$heightBtn: 100%;
+$grayshadow: #555;
+
+.text-subtitle-gallery {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .text-subtitle-gallery {
+    font-size: 1rem;
+  }
+}
+
+.myimg {
+  border-radius: 10px !important;
+  height: 200px;
+}
+
+.myimg-view {
+  border-radius: 5px !important;
+  height: 80px;
+}
+
+.q-img {
+  &__image {
+    border-radius: 10px !important;
+  }
+}
+
+.my-card-gallery {
+  width: 100%;
+  max-width: 300px;
+  min-width: 200px;
+  padding: 1rem 1rem;
+  height: 350px;
+}
+
+.my-card-gallery-view {
+  width: 100px;
+  height: 100px;
+  padding: 0.5rem 0.5rem;
+}

src/components/CCopyBtn/CCopyBtn.ts

@@ -0,0 +1,37 @@
+import { tools } from '../../store/Modules/tools'
+import { useQuasar } from 'quasar'
+import { useI18n } from '@/boot/i18n'
+import { useUserStore } from '@store/UserStore'
+import { useGlobalStore } from '@store/globalStore'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'CCopyBtn',
+  props: {
+    texttocopy: {
+      type: String,
+      required: true,
+    },
+    title: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  components: {},
+  setup(props) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    function copytoclip() {
+      tools.copyStringToClipboard(props.texttocopy, true)
+    }
+
+    return {
+      copytoclip,
+      tools,
+    }
+  },
+})

src/components/CCopyBtn/CCopyBtn.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="q-ma-sm">
+    <div class="column cursor-pointer" @click="copytoclip">
+      <q-field outlined :label="title" stack-label class="text-center cursor-pointer">
+        <template v-slot:prepend v-if="!tools.isMobile()">
+          <q-btn round dense flat icon="far fa-copy"/>
+        </template>
+
+        <template v-slot:control>
+          <div class="self-center full-width no-outline text-center wrapword text-h5" tabindex="0">{{texttocopy}}</div>
+        </template>
+      </q-field>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CCopyBtn.ts">
+</script>
+
+<style lang="scss" scoped>
+  @import './CCopyBtn.scss';
+</style>

src/components/CCopyBtn/index.ts

@@ -0,0 +1 @@
+export {default as CCopyBtn} from './CCopyBtn.vue'