fix Cliccando sul Titolo dell'evento, si apre una pagina in una nuova finestra ! (non rimane sulla APP)

src/components/CShareSocial/CShareSocial.scss

@@ -0,0 +1,42 @@
+$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;
+}
+
+.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/CShareSocial/CShareSocial.ts

@@ -0,0 +1,52 @@
+import { tools } from '../../store/Modules/tools'
+import { useQuasar } from 'quasar'
+import { useI18n } from '@src/boot/i18n'
+import { useUserStore } from '@store/UserStore'
+import { useGlobalStore } from '@store/globalStore'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'CShareSocial',
+  props: {
+    description: {
+      type: String,
+      required: true,
+    },
+    title: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    url: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    quote: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  components: {},
+  setup(props) {
+    const $q = useQuasar()
+
+    const networks = [
+      {
+        network: 'whatsapp',
+        name: 'Whatsapp',
+        icon: 'fab fah fa-lg fa-whatsapp',
+        color: '#25d366'
+      },
+      { network: 'email', name: 'Email', icon: 'far fah fa-lg fa-envelope', color: '#333333' },
+      { network: 'facebook', name: 'Facebook', icon: 'fab fah fa-lg fa-facebook-f', color: '#1877f2' },
+      { network: 'telegram', name: 'Telegram', icon: 'fab fah fa-lg fa-telegram-plane', color: '#0088cc' },
+    ]
+
+    return {
+      tools,
+      networks,
+    }
+  },
+})

src/components/CShareSocial/CShareSocial.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="q-ma-sm">
+    <div>
+      <q-card>
+        <q-bar class="bg-primary text-white">
+          <span> Social Share </span>
+          <q-space />
+          <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+        </q-bar>
+        <q-card-section class="inset-shadow">
+            <h2>Condividi su</h2><br>
+          <q-card class="dialog_card row q-pa-sm q-ma-sm">
+
+            <ShareNetwork
+              style="padding: 10px; margin: 10px"
+              v-for="network in networks"
+              :key="network.network"
+              :url="url"
+              :style="{ backgroundColor: network.color }"
+              :title="title"
+              :description="description"
+              :quote="quote"
+            >
+              <i :class="network.icon" class="q-mr-sm"></i>
+              <span>{{ network.name }}</span>
+            </ShareNetwork>
+          </q-card>
+        </q-card-section>
+      </q-card>
+      <br />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CShareSocial.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CShareSocial.scss';
+</style>

src/components/CShareSocial/index.ts

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