KevinMidboe/vinlottis
1
0
Fork 0
Code Issues 8 Pull Requests 14 Packages Projects Releases Wiki Activity

Input elements in wine edit view now have label-div styling..

Browse Source
This commit is contained in:
Kevin
2020-03-10 01:00:05 +01:00
parent ebdaf4a4da
commit 203ca83202
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/RegisterPage.vue
View File

@@ -25,7 +25,7 @@
<button class="vin-button" @click="addWine">Legg til en vin manuelt</button>
</div>
<div class="wines-container" v-if="wines.length > 0">
<div v-if="wines.length > 0">
<wine v-for="wine in wines" :wine="wine">
<div class="button-container row">
<button class="vin-button" @click="editWine = amIBeingEdited(wine) ? false : wine">
@@ -34,8 +34,8 @@
<button class="red vin-button" @click="deleteWine(wine)">Slett</button>
</div>
<div v-if="amIBeingEdited(wine)">
<div class="edit-div" v-for="key in Object.keys(wine)">
<div v-if="amIBeingEdited(wine)" class="wine-edit">
<div class="label-div" v-for="key in Object.keys(wine)">
<label>{{ key }}</label>
<input type="text" v-model="wine[key]" :placeholder="key" />
</div>
@@ -405,6 +405,15 @@ hr {
align-items: flex-start;
}
.wine-edit {
margin-top: 1.5rem;
label {
margin-top: 0.75rem;
margin-bottom: 0;
}
}
.color-selector {
margin-bottom: 0.65rem;
margin-right: 1rem;