Ver código fonte

improve spacing in password generator component

pull/44/head
Guillaume Vincent 8 anos atrás
pai
commit
f80d683677
2 arquivos alterados com 25 adições e 20 exclusões
  1. +18
    -13
      app/components/dashboard.vue
  2. +7
    -7
      app/components/password-generator.vue

+ 18
- 13
app/components/dashboard.vue Ver arquivo

@@ -1,6 +1,23 @@
<template>
<div class="container">
entries
<div class="row m-y-3">
<div class="col-lg-12">
<form>
<input class="form-control" id="search-input" placeholder="Search..." autocomplete="off"
type="text">
<div class="dropdown-menu bd-search-results" id="search-results"></div>
</form>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ol>
<li v-for="entry in entries">
{{ entry.title }}
</li>
</ol>
</div>
</div>
</div>
</template>

@@ -10,18 +27,6 @@
return {
entries: []
}
},
methods: {
getEntries() {
console.log('make get resquest here');
/*this.$http.get('http://localhost:3001/api/protected/random-quote', (data) => {
this.quote = data;
}, {
// Attach the JWT header
headers: auth.getAuthHeader()
})
.error((err) => console.log(err))*/
}
}
}
</script>

+ 7
- 7
app/components/password-generator.vue Ver arquivo

@@ -1,8 +1,8 @@
<template>
<div id="password-generator" class="container m-t-3">
<div id="password-generator" class="container m-y-3">
<form>
<div class="form-group row">
<div class="col-lg-3 m-b-1">
<div class="col-lg-3 m-t-1">
<label for="pg-email" class="sr-only">
{{ $t('passwordgenerator.email') }}
</label>
@@ -14,7 +14,7 @@
v-model="email"
v-on:blur="updateMasterPassword">
</div>
<div class="col-lg-3 m-b-1">
<div class="col-lg-3 m-t-1">
<label for="pg-masterpassword" class="sr-only">
{{ $t('passwordgenerator.password') }}
</label>
@@ -25,7 +25,7 @@
v-model="password"
v-on:blur="updateMasterPassword">
</div>
<div class="col-lg-3 m-b-1">
<div class="col-lg-3 m-t-1">
<label for="pg-site" class="sr-only">
{{ $t('passwordgenerator.site') }}
</label>
@@ -35,7 +35,7 @@
placeholder="{{ $t('passwordgenerator.site_placeholder') }}"
v-model="site">
</div>
<div class="col-lg-3 m-b-1">
<div class="col-lg-3 m-t-1">
<label for="generatedPassword" class="sr-only">
{{ $t('passwordgenerator.generated_password') }}
</label>
@@ -57,7 +57,7 @@
{{ $t('passwordgenerator.advanced_options') }}
</a>

<div id="advancedOptions" class="panel-collapse collapse" role="tabpanel"
<div id="advancedOptions" class="panel-collapse collapse m-t-1" role="tabpanel"
aria-labelledby="advancedOptions">
<div class="row">
<div class="col-lg-3">
@@ -107,7 +107,7 @@
value="12" min="6" max="64">
</div>
</div>
<div class="col-lg-2 col-md-3 m-b-1">
<div class="col-lg-2 col-md-3">
<label for="passwordCounter" class="sr-only">
{{ $t('passwordgenerator.counter') }}
</label>


Carregando…
Cancelar
Salvar