++ Animation fixed in Home pic.

++"Dark Mode"

src/components/CMyEditElem/CMyEditElem.vue

@@ -471,7 +471,7 @@
             table="myelems"
             :id="myel._id"
             :rec="myel"
-            field="container3"
+            field="img"
             @update:model-value="modifElem"
             :canEdit="true"
             :canModify="true"
@@ -499,65 +499,100 @@
             </q-input>
           </div>
 
-          <q-input
-            label="Titolo"
-            class="fa-border"
-            @update:model-value="modifElem"
-            v-model="myel.container"
-            filled
-            v-on:keyup.enter="saveElem"
+          <q-btn
+            rounded
+            dense
+            color="primary"
+            label="Testo"
+            icon="fas fa-plus"
+            @click="addNewElemText"
           >
-          </q-input>
-          <CSelectColor
-            style="min-width: 150px"
-            v-model="myel.color"
-            @update:model-value="modifElem"
-            title="Col Titolo"
+          </q-btn>
+
+          <q-tabs
+            v-model="tabElemsText"
+            dense
+            class="text-grey"
+            active-color="primary"
+            indicator-color="primary"
+            align="justify"
+            narrow-indicator
           >
-          </CSelectColor>
-          <q-input
-            label="Sottotitolo"
-            class="fa-border"
-            @update:model-value="modifElem"
-            v-model="myel.container2"
-            filled
-            v-on:keyup.enter="saveElem"
-          >
-          </q-input>
-          <CSelectColor
-            style="min-width: 150px"
-            v-model="myel.colorsub"
-            @update:model-value="modifElem"
-            title="Col Sottotitolo"
-          >
-          </CSelectColor>
-        </div>
-        <CSelectAnimation
-          v-if="enableEdit && showAnimation"
-          v-model="myel.anim2"
-          @update:model-value="modifElem"
-          label="Animaz SottoTitolo"
-        >
-        </CSelectAnimation>
-        <div class="row">
-          <q-input
-            label="Classe Title"
-            class="fa-border"
-            @update:model-value="modifElem"
-            v-model="myel.class4"
-            filled
-            v-on:keyup.enter="saveElem"
-          >
-          </q-input>
-          <q-input
-            label="Classe SubTitle"
-            class="fa-border"
-            @update:model-value="modifElem"
-            v-model="myel.class3"
-            filled
-            v-on:keyup.enter="saveElem"
-          >
-          </q-input>
+            <q-tab
+              v-for="(rec, ind) in myel.elemsText"
+              :key="ind"
+              :name="`elem` + ind"
+              :label="`Testo ` + (ind + 1)"
+              icon="fas fa-pencil-alt"
+            />
+          </q-tabs>
+
+          <q-tab-panels v-model="tabElemsText" animated>
+            <q-tab-panel
+              v-for="(rec, ind) in myel.elemsText"
+              :key="ind"
+              :name="`elem` + ind"
+            >
+              <div v-if="enableEdit" class="column bordered q-ma-xs">
+                <q-bar class="bg-primary text-white">
+                  Elem {{ ind + 1 }}
+                  <q-space />
+                  <q-btn
+                    icon="fas fa-trash-alt"
+                    color="negative"
+                    dense
+                    flat
+                    size="sm"
+                    @click="delRecCard(rec._id, myel)"
+                  >
+                  </q-btn>
+                </q-bar>
+                <div v-if="enableEdit" class="row">
+                  <CSelectColor
+                    v-if="enableEdit"
+                    style="min-width: 150px"
+                    v-model="rec.color"
+                    @update:model-value="modifElem"
+                    title="Col Titolo"
+                  >
+                  </CSelectColor>
+                  <CSelectFontSize
+                    v-if="enableEdit"
+                    style="min-width: 200px"
+                    v-model="rec.size"
+                    @update:model-value="modifElem"
+                    title="Font Titolo"
+                  >
+                  </CSelectFontSize>
+                </div>
+                <q-input
+                  label="Classe:"
+                  @update:model-value="modifElem"
+                  v-model="rec.class"
+                  filled
+                  v-on:keyup.enter="saveElem"
+                >
+                </q-input>
+                <CMyEditor
+                  v-model:value="rec.text"
+                  title="Contenuto:"
+                  @keyup.enter.stop
+                  :showButtons="false"
+                  :canModify="true"
+                  @update:value="modifElem"
+                  @showandsave="saveElem"
+                >
+                </CMyEditor>
+                <CSelectAnimation
+                  v-if="enableEdit && showAnimation"
+                  v-model="rec.anim"
+                  @update:model-value="modifElem"
+                  label="Animazione"
+                >
+                </CSelectAnimation>
+              </div>
+            </q-tab-panel>
+          </q-tab-panels>
         </div>
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.HTML">