makes smsSenderName readonly

pages/parameters/sms.vue

@@ -7,16 +7,17 @@
         <v-col cols="12">
           <UiInputText
             v-model="parameters.smsSenderName"
+            readonly
             field="smsSenderName"
             :rules="rules()"
             variant="underlined"
+            class="readonly"
           />
         </v-col>
         <v-col cols="12">
           <UiInputText
             v-model="parameters.usernameSMS"
             field="usernameSMS"
-            label="Nom d'utilisateur SMS"
             variant="underlined"
           />
         </v-col>
@@ -68,6 +69,15 @@ const rules = () => [
 </script>
 
 <style scoped lang="scss">
+
+.readonly {
+  color: rgb(var(--v-theme-on-surface));
+
+  :deep(.v-field--disabled), :deep(.v-field__input) {
+    opacity: 1;
+  }
+}
+
 /**
 Simule une apparence de saisie de type mot de passe
 Sans ça, les navigateurs proposent la saisie semi auto et la mémorisation du mot de passe
@@ -79,6 +89,7 @@ Sans ça, les navigateurs proposent la saisie semi auto et la mémorisation du m
   font-display: block;
   src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
 }
+
 :deep(.password input) {
   font-family: 'password';
 }