- Continuazione del Catalogo

src/components/CCatalogoCard/CCatalogoCard.scss

@@ -159,7 +159,7 @@
 
 .book-title {
   margin: 8px;
-  font-family: 'Poppins,sans-serif';
+  font-family: 'Arial, Poppins,sans-serif';
   font-weight: bold;
   color: #333;
   display: block;
@@ -258,6 +258,10 @@
 }
 
 .colfix_prodotti_2 {
+  width: 240px;
+}
+
+.colfix_prodotti_3 {
   width: 170px;
 }
 
@@ -312,10 +316,10 @@
 
 .scheda-book {
   text-align: center;
-  margin-left: 20px;
+  //margin-left: 20px;
 
   @media (max-width: 718px) {
-    margin-left: 5px;
+    //margin-left: 5px;
   }
 }
 

src/components/CCatalogoCard/CCatalogoCard.ts

@@ -66,6 +66,7 @@ export default defineComponent({
         Categoria: [],
         Editore: [],
         pdf: false,
+        backgroundimage: '',
       }),
     },
   },

src/components/CCatalogoCard/CCatalogoCard.vue

@@ -1,21 +1,27 @@
 <template>
   <div
     :class="{
-      'row items-start q-gutter-sm': true,
+      ' items-start q-gutter-sm': true,
     }"
+    :style="
+      optcatalogo.height
+        ? ' height: ' + optcatalogo.height + ' !important; '
+        : ''
+    "
   >
     <q-spinner v-if="!endload" color="primary" size="3em" :thickness="2" />
     <div
       v-if="!!myproduct && !!myproduct.productInfo"
       :class="{
         'my-card-big book-details': complete,
-        'book-card': !complete,
-        colfix_prodotti_1: options.quante_col == 'c1',
-        colfix_prodotti_2: options.quante_col == 'c2',
+        'book-card': !complete && !optcatalogo.pdf,
+        colfix_prodotti_1: options.quante_col == 'c1' && !optcatalogo.pdf,
+        colfix_prodotti_2: options.quante_col == 'c2' && !optcatalogo.pdf,
+        colfix_prodotti_3: options.quante_col == 'c3' && !optcatalogo.pdf,
       }"
     >
       <q-toggle
-        v-if="tools.isManager()"
+        v-if="tools.isManager() && !optcatalogo.pdf"
         v-model="editOn"
         class="absolute-top-right"
         color="green"
@@ -24,7 +30,7 @@
       >
       </q-toggle>
       <q-page-sticky
-        v-if="complete"
+        v-if="complete && !optcatalogo.pdf"
         position="bottom-right"
         :offset="[18, 0]"
         style="z-index: 1000"
@@ -40,13 +46,22 @@
 
       <q-card-section>
         <div
-          :class="{ 'flex q-pa-sm': true, 'shadow-2': options.in_3d }"
-          style="place-content: center"
+          :class="{
+            'flex q-pa-sm': !optcatalogo.pdf,
+            'shadow-2': options.in_3d,
+            'items-center': true, // Centrare verticalmente
+            
+          }"
+          :style="'justify-items: center; '"
         >
           <q-img
+            v-if="myproduct.productInfo"
             :src="
-              productInfo.imagefile
-                ? tools.getFullFileNameByImageFile('productInfos', myproduct.myproduct.productInfo.imagefile)
+              myproduct.productInfo.imagefile
+                ? tools.getFullFileNameByImageFile(
+                    'productInfos',
+                    myproduct.productInfo.imagefile
+                  )
                 : myproduct.productInfo.image_link
             "
             :alt="myproduct.productInfo.name"
@@ -54,7 +69,15 @@
               'book-image-fixed': complete,
               'cursor-pointer': !complete,
               'shadow-4': true,
+              'image-wrapper': optcatalogo.pdf,
+              'items-center': true,
             }"
+            :style="
+              'place-items: center; ' +
+              (optcatalogo.width
+                ? ' width: ' + optcatalogo.width + ' !important; '
+                : '')
+            "
             @click="click_opendetail()"
           >
             <div
@@ -62,6 +85,7 @@
               style="left: 90%; top: -18px; transform: translateX(-50%)"
             >
               <q-btn
+                v-if="!optcatalogo.pdf"
                 color="blue-6"
                 class="semi-transparent"
                 round
@@ -72,12 +96,6 @@
             </div>
           </q-img>
 
-          <!--@click="
-              complete
-                ? toggleFullScreen
-                : naviga(`/catalogo/` + myproduct._id + '/' + cosa)
-            "-->
-
           <div class="scheda-book">
             <q-card-title>
               <span class="book-title" :data-col="options.quante_col">