- aggiornata la grafica della Home di RISO

- Profilo Completition
- Email Verificata
- Invita un Amico (invio di email)

src/components/CKeyAndValue/CKeyAndValue.vue

@@ -1,32 +1,31 @@
 <template>
-  <div class="text-center">
-    <div class="row items-center justify-center q-gutter-md q-ma-xs">
+  <div class="key-value-row">
+    <div class="key-label">
+      {{ mykey }}
+    </div>
+    <div class="value-content" :style="color ? `background-color: ${color}; color: white;` : ''">
+      <span v-if="mydate">
+        <CDateTime
+          v-model:value="mydate"
+          label=""
+          :canEdit="false"
+        />
+      </span>
+      <span v-else class="value-text">
+        {{ myvalue || '-' }}
+      </span>
 
-      <div class="q-ma-xs">
-        <q-field rounded outlined :bg-color="($q.dark.isActive ? '' : 'blue-4')" dense style="min-width:110px;">
-          <template v-slot:control>
-            <div class="centermydiv">
-              <div class="self-center full-width no-outline text-center" tabindex="0">{{ mykey }}</div>
-            </div>
-          </template>
-        </q-field>
-      </div>
-
-      <div :class="` q-ma-sm q-pa-sm col-grow `">
-        <span :style="color ? `background-color: ${color} !important; color: white;` : ``">
-          <span v-if="mydate">
-                <CDateTime
-                  v-model:value="mydate"
-                  label=""
-                  :canEdit="false">
-                </CDateTime>
-          </span>
-          <span v-else>
-            {{myvalue}}
-          </span>
-
-        </span>
-      </div>
+      <q-btn
+        v-if="showSetButton && onSetValue"
+        rounded
+        icon="edit"
+        color="primary"
+        size="sm"
+        class="set-value-btn"
+        @click="handleSetValue"
+        :label="buttonTooltip || 'Imposta valore'"
+      >
+      </q-btn>
     </div>
   </div>
 </template>