- Invia e Ricevi RIS (grafica aggiornata)

- Visualizzazione Movimenti (ultimi e successivi), per singolo e di tutti

src/components/CCopyBtn/CCopyBtn.scss

@@ -40,3 +40,8 @@ $grayshadow: #555;
   height: 100px;
   padding: 0.5rem 0.5rem;
 }
+
+.wrapword {
+  max-width: 100%; /* Assicurati che il wrapping non superi il contenitore */
+  overflow: hidden; /* Nasconde eventuali overflow */
+}

src/components/CCopyBtn/CCopyBtn.ts

@@ -17,6 +17,11 @@ export default defineComponent({
       required: false,
       default: '',
     },
+    small: {
+      type: Boolean,
+      required: false,
+      default: false,
+    }
   },
   components: {},
   setup(props) {
@@ -26,9 +31,18 @@ export default defineComponent({
       tools.copyStringToClipboard($q, props.texttocopy, true)
     }
 
+    function getclass() {
+      if (props.small) {
+        return 'text-h7'
+      } else {
+        return 'text-h5'
+      }
+    }
+
     return {
       copytoclip,
       tools,
+      getclass, 
     }
   },
 })

src/components/CCopyBtn/CCopyBtn.vue

@@ -1,22 +1,53 @@
 <template>
   <div class="q-ma-sm">
-    <div :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` column cursor-pointer`" @click="copytoclip">
-      <q-field outlined :label="title" stack-label class="text-center cursor-pointer" label-color="blue">
-        <template v-slot:prepend v-if="!tools.isMobile()">
-          <q-btn round dense flat icon="far fa-copy"/>
+    <div
+      :class="[
+        $q.dark.isActive ? `bg-black text-white` : `bg-white text-black`,
+        'column cursor-pointer',
+      ]"
+      @click="copytoclip"
+      style="max-width: 100%; width: auto; overflow: hidden"
+    >
+      <q-field
+        outlined
+        :label="title"
+        stack-label
+        class="text-center"
+        style="max-width: 100%"
+        label-color="blue"
+      >
+        <template v-slot:prepend>
+          <q-btn v-if="!$q.platform.is.mobile" 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">{{tools.firstchars(texttocopy, 300)}}</div>
+          <div
+            class="self-center q-my-xs no-outline text-center wrapword"
+            :class="getclass()"
+            style="
+              overflow-wrap: break-word;
+              word-wrap: break-word;
+              white-space: normal;
+              max-width: 100%; /* Assicurati di limitare la larghezza */
+            "
+          >
+            {{ tools.firstchars(texttocopy, 300) }}
+          </div>
         </template>
       </q-field>
+      <div class="row justify-center">
+        <q-btn 
+        rounded 
+        label="Copia il link" color="primary" @click="copytoclip" 
+        >
+        </q-btn>
+      </div>
     </div>
   </div>
 </template>
 
-<script lang="ts" src="./CCopyBtn.ts">
-</script>
+<script lang="ts" src="./CCopyBtn.ts"></script>
 
 <style lang="scss" scoped>
-  @import './CCopyBtn.scss';
+@import './CCopyBtn.scss';
 </style>