               class="float-right"
                        ></q-img>
                      </div>
                    </div>
                  </q-card-section>
                  <q-card-section>
                    <q-input
                      v-model="credentialsData.username"
                      :label="$t('username')"
                      filled
                      dense
                      :readonly="hasUsername"
                      class="q-mb-md"
                    ></q-input>
           