- versione: 1.2.77

- aggiustamenti e miglioramenti estetici

src/components/CFindUsers/CFindUsers.scss

@@ -3,4 +3,45 @@
 
     background-color: #fff; /* Colore sfondo per il contenitore (puoi personalizzare) */
     border-radius: 10px;
-  }
+  }
+
+  .option-card {
+  border-radius: 14px;
+  background: white;
+  transition: all 0.25s ease;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  &:hover {
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
+  }
+}
+
+.modern-option-group {
+  .q-radio {
+    margin: 6px 0;
+    border-radius: 10px;
+    transition: all 0.2s ease;
+    padding: 6px 10px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.04);
+    }
+
+    &.q-radio--active {
+      background-color: rgba(var(--q-primary-rgb), 0.08);
+      border-left: 3px solid var(--q-primary);
+    }
+
+    .q-radio__label {
+      font-size: 0.95rem;
+      color: #333;
+    }
+
+    .q-icon {
+      color: var(--q-primary);
+    }
+  }
+}

src/components/CFindUsers/CFindUsers.ts

@@ -86,19 +86,19 @@ export default defineComponent({
 
     const contact = computed(() => userStore.my);
 
-    const searchType = ref('receivers');
+    const searchType = ref('username');
 
     const usersList = ref(<any>{ show: false, title: '', list: [], listgroup: [] });
 
     const options = ref([
-      {
-        label: 'Lista dei Riceventi di oggi',
-        value: 'receivers',
-      },
       {
         label: 'Cerca per Nome o Username',
         value: 'username',
       },
+      {
+        label: 'Lista dei Riceventi di oggi',
+        value: 'receivers',
+      },
       {
         label: 'Scansiona il QRCode del Destinatario',
         value: 'qrcode',

src/components/CFindUsers/CFindUsers.vue

@@ -1,11 +1,18 @@
 <template>
-  <q-option-group
-    class="q-ma-xs"
-    style="text-align: left !important"
-    v-model="searchType"
-    :options="options"
-    color="primary"
-  />
+   <div class="q-pa-xs q-gutter-xs">
+    <q-card flat bordered class="option-card q-pa-xs">
+      <div class="text-subtitle1 text-weight-medium text-primary q-mb-xs">
+        Scegli il Destinatario dei RIS
+      </div>
+      <q-option-group
+        v-model="searchType"
+        :options="options"
+        color="primary"
+        type="radio"
+        class="modern-option-group"
+      />
+    </q-card>
+  </div>
   <q-tab-panels
     v-model="searchType"
     keep-alive