fix page verify registration

src/views/login/vreg/vreg.css

@@ -1,5 +0,0 @@
-.mypanel {
-    padding:10px;
-    margin: 10px;
-
-}

src/views/login/vreg/vreg.scss

@@ -0,0 +1,11 @@
+.mypanel {
+  padding: 10px;
+  margin: 10px;
+
+}
+
+.mybanner {
+  font-weight: bold;
+  font-size: 1.1rem;
+  text-align: center;
+}

src/views/login/vreg/vreg.ts

@@ -5,21 +5,21 @@ import { UserStore } from '@store'
 
 import { serv_constants } from '../../../store/Modules/serv_constants'
 
-import './vreg.css'
+import './vreg.scss'
 import { ILinkReg } from '../../../model/other'
 
 @Component({})
 export default class Vreg extends Vue {
   public risultato: string = '---'
   public riscode: number = 0
-  $t: any
+  public $t: any
 
   constructor() {
     super()
     console.log('Vreg constructor...')
   }
 
-  created() {
+  public created() {
     console.log('vreg created')
     this.load()
   }
@@ -36,7 +36,7 @@ export default class Vreg extends Vue {
     return this.riscode === serv_constants.RIS_CODE_EMAIL_VERIFIED
   }
 
-  load() {
+  public load() {
     // console.log('load')
     let param: ILinkReg
     param = { idlink: this.$route.query.idlink.toString() }
@@ -45,8 +45,7 @@ export default class Vreg extends Vue {
       .then((ris) => {
         this.riscode = ris.code
         this.risultato = ris.msg
-        console.log('RIS = ')
-        console.log(ris)
+        console.log('RIS = ', ris)
 
         if (this.verificatook) {
           setTimeout(() => {

src/views/login/vreg/vreg.vue

@@ -1,30 +1,37 @@
 <template>
     <q-page padding class="vreg">
-        <div class="mypanel">
-            <q-banner color="primary q-title" style="text-align: center;">
+        <div class="q-pa-md q-gutter-sm">
+            <q-banner
+                    rounded
+                    class="bg-primary text-white"
+                    color="primary q-title"
+                    style="text-align: center;">
                 {{ $t('reg.title_verif_reg')}}
             </q-banner>
             <br>
 
             <transition
-                    enter-active-class="animated flipInX"
-                    leave-active-class="animated flipOutX"
+                    enter-active-class="animated fadeIn"
+                    leave-active-class="animated fadeOut"
                     appear
+
             >
-            <span>
                 <q-banner
+                        rounded
+                        class="bg-warning text-black"
+                        style="text-align: center;"
                         v-if="giaverificato"
-                        type="warning"
                 >
-                    {{ myrisultato}}
+                    <span class="mybanner">{{ myrisultato}}</span>
                 </q-banner>
                 <q-banner
+                        class="bg-positive text-white"
+                        style="text-align: center;"
+                        rounded
                         v-if="verificatook"
-                        type="positive"
                 >
-                    {{ myrisultato}}
+                    <span class="mybanner">{{ myrisultato}}</span>
                 </q-banner>
-            </span>
             </transition>