Mercurial > gemma

comparison client/src/usermanagement/Userdetail.vue @ 1217:ba8cd80d68b6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
made more use of bootstrap classes instead of custom css
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 15:20:22 +0100
parents b23622905a3f
children 7e2693d49daa
comparison
equal deleted inserted replaced
1216:1c7806728172 1217:ba8cd80d68b6
1 <template> 1 <template>
2 <div class="userdetails shadow fadeIn animated"> 2 <div class="userdetails h-100 mt-3 mr-auto shadow fadeIn animated">
3 <div class="card"> 3 <div class="card">
4 <div class="card-header shadow-sm text-white bg-info mb-3"> 4 <div class="card-header shadow-sm text-white bg-info mb-3">
5 {{ this.cardHeader }} 5 {{ this.cardHeader }}
6 <span @click="closeDetailview" class="pull-right"> 6 <span @click="closeDetailview" class="pull-right">
7 <i class="fa fa-close"></i> 7 <i class="fa fa-close"></i>
8 </span> 8 </span>
9 </div> 9 </div>
10 <div class="card-body"> 10 <div class="card-body">
11 <form @submit.prevent="save"> 11 <form @submit.prevent="save" clas="ml-3">
12 <div class="formfields"> 12 <div class="formfields">
13 <div v-if="currentUser.isNew" class="form-group row"> 13 <div v-if="currentUser.isNew" class="form-group row">
14 <label for="user">Username</label> 14 <label for="user">Username</label>
15 <input type="user" :placeholder="userNamePlaceholder" class="form-control form-control-sm" id="user" aria-describedby="userHelp" v-model="currentUser.user"> 15 <input type="user" :placeholder="userNamePlaceholder" class="form-control form-control-sm" id="user" aria-describedby="userHelp" v-model="currentUser.user">
16 <div v-show="errors.user" class="text-danger"> 16 <div v-show="errors.user" class="text-danger">
76 76
77 .formfields 77 .formfields
78 width: 10vw 78 width: 10vw
79 79
80 .userdetails 80 .userdetails
81 margin-top: $offset
82 min-width: 40vw 81 min-width: 40vw
83 margin-right: auto
84 height: 100%
85 82
86 form 83 form
87 margin-left: $offset
88 font-size: $smaller 84 font-size: $smaller
89 </style> 85 </style>
90 86
91 <script> 87 <script>
92 /* 88 /*