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