- inserito il componente per scegliere il colore e la trasparenza, dello sfondo della pagina introduttiva

- corretto i margini del testo e la dimensione del font.

src/components/CMyPopupEdit/CMyPopupEdit.ts

@@ -17,6 +17,7 @@ import { CInput } from '../CInput'
 import { CMyEditor } from '../CMyEditor'
 import { CMyEditorAI } from '../CMyEditorAI'
 import { CGallery } from '../CGallery'
+import { CPickColor } from '../CPickColor'
 import { CSelectImage } from '../CSelectImage'
 import { CAccomodation } from '../CAccomodation'
 import { tools } from '@tools'
@@ -222,6 +223,7 @@ export default defineComponent({
   components: {
     CMyChipList, CDateTime, CDate, CMyToggleList, CMySelect, CMyEditor, CGallery, CMyEditorAI,
     CCurrencyValue, CLabel, CAccomodation, CSelectImage, CMapEditAddressByCoord, CInput,
+    CPickColor,
   },
   setup(props, { emit }) {
     const $q = useQuasar()
@@ -236,14 +238,20 @@ export default defineComponent({
     const visuhtml = ref(false)
     const showeditor = ref(false)
 
+    const hoverPreview = ref(false)
+
     const myImgGall = ref([{}] as IImgGallery[])
 
     const $router = useRouter()
 
     const loaded = ref(false)
 
+    const myColor = ref('#FF00AA55'); // Colore con trasparenza iniziale
+
     const popupEditRef = ref(null)
 
+    const colorPicker = ref(null);
+
     const addstrrequired = ref('')
 
     const col = ref(<IColGridTable>{
@@ -982,6 +990,10 @@ export default defineComponent({
       changevalRec(payload);
     }
 
+    function openColorPicker() {
+      // Apre la finestra del picker
+      colorPicker.value.openDialog();
+    }
 
     return {
       myvalue,
@@ -1030,6 +1042,10 @@ export default defineComponent({
       copyToClipboard,
       updateValidazione,
       handleShowAndSave,
+      openColorPicker,
+      colorPicker,
+      myColor,
+      hoverPreview,
     }
   }
 })