- estrazione dei dati del libro sul sito di Amazon.

- possibilità di visualizzare i dati estratti e di aggiornare i dati, sia solo se vuoti, che sovrascrivere tutti i dati.

src/components/CTableCupleLabelValue/CTableCupleLabelValue.scss

@@ -3,19 +3,28 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  max-width: 800px; /* Limita la larghezza per schermi grandi */
-  margin: 0 auto; /* Centra il contenuto */
+  margin: 0 auto;
   border: 1px solid #ddd;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
+/* Quando c’è la classe two-columns: usa grid 2 colonne */
+.table-container.two-columns {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  column-gap: 30px; /* distanza tra le colonne */
+  row-gap: 10px;
+  padding: 8px;
+  margin: 0px;
+}
+
 /* Stile delle righe della tabella */
 .table-row {
   display: flex;
   align-items: center;
-  padding: 2px;
+  padding: 4px;
   border-bottom: 1px solid #eee;
 }
 
@@ -27,7 +36,7 @@
 /* Stile delle celle */
 .table-cell {
   flex: 1;
-  padding: 8px;
+  padding: 2px;
 }
 
 /* Stile specifico per la colonna delle etichette */

src/components/CTableCupleLabelValue/CTableCupleLabelValue.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="table-container">
+    <div :class="['table-container', { 'two-columns': list.length > 10 }]">
+
     <div
       v-for="(myrec, index) in list"
       :key="index"