- Invia Ris a e Ricevi Ris

- Tutorial Guidato Passi da Compiere
- Provincia in cui vivi
- Policy aggiornata

src/components/CTitleBanner/CTitleBanner.vue

@@ -1,21 +1,63 @@
 <template>
   <div>
+    <q-header v-if="header && myvisible" elevated reveal>
+      <q-banner
+        inline-actions
+        rounded
+        dense
+        :class="
+          bgcolor +
+          ` cursor-pointer q-my-sm ` +
+          clcolor +
+          ` ` +
+          myclass +
+          ' ' +
+          getclass()
+        "
+        style="text-align: center"
+        @click="apri()"
+      >
+        <template v-slot:avatar>
+          <q-icon v-if="canopen && icon" :name="icon" color="white" />
+        </template>
+        <template v-slot:action>
+          <div class="cursor-pointer">
+            <q-icon v-if="canopen" :name="iconopen()" color="white" />
+          </div>
+        </template>
+        <span :class="`mybanner ` + myclasstext" :style="mystyle">{{
+          title
+        }}</span>
+      </q-banner>
+    </q-header>
     <q-banner
+      v-else
       inline-actions
-      rounded dense
-      :class="bgcolor+` cursor-pointer q-my-sm `+clcolor+ ` ` + myclass + ' ' + getclass()"
-      style="text-align: center; "
+      rounded
+      dense
+      :class="
+        bgcolor +
+        ` cursor-pointer q-my-sm ` +
+        clcolor +
+        ` ` +
+        myclass +
+        ' ' +
+        getclass()
+      "
+      style="text-align: center"
       @click="apri()"
     >
       <template v-slot:avatar>
-        <q-icon v-if="canopen && icon" :name="icon" color="white"/>
+        <q-icon v-if="canopen && icon" :name="icon" color="white" />
       </template>
       <template v-slot:action>
         <div class="cursor-pointer">
-          <q-icon v-if="canopen" :name="iconopen()" color="white"/>
+          <q-icon v-if="canopen" :name="iconopen()" color="white" />
         </div>
       </template>
-      <span :class="`mybanner `+ myclasstext" :style="mystyle">{{ title }}</span>
+      <span :class="`mybanner ` + myclasstext" :style="mystyle">{{
+        title
+      }}</span>
     </q-banner>
 
     <q-slide-transition>
@@ -24,13 +66,15 @@
           <slot></slot>
         </div>
         <div
-          v-if="imgpreview" class="text-center cursor-pointer clBorderSteps" style="opacity: 0.5;"
-          @click="myvisible = !myvisible">
+          v-if="imgpreview"
+          class="text-center cursor-pointer clBorderSteps"
+          style="opacity: 0.5"
+          @click="myvisible = !myvisible"
+        >
           <q-img :src="imgpreview" class="img"></q-img>
         </div>
       </div>
     </q-slide-transition>
-
   </div>
 </template>