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

working mobile

Browse Source
This commit is contained in:
Adrian Thompson
2020-09-09 12:13:21 +02:00
parent fa6e5afa9c
commit 861568069c
1 changed files with 15 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/ui/RequestedWineCard.vue
View File

@@ -7,22 +7,20 @@
:class="{ 'fullscreen': fullscreen }" :class="{ 'fullscreen': fullscreen }"
/> />
<img v-else class="wine-placeholder" alt="Wine image" /> <img v-else class="wine-placeholder" alt="Wine image" />
<section class="wine-info"> <h3 v-if="wine.name">{{ wine.name }}</h3>
<h3 v-if="wine.name">{{ wine.name }}</h3> <h3 v-else>(no name)</h3>
<h3 v-else>(no name)</h3> <p class="requested-amount">Foreslått: <strong>{{requestedElement.count}}</strong></p>
<p>Antall ganger denne har blitt foreslått: {{requestedElement.count}}</p>
<section class="buttons"> <button class="vin-button" @click="request(wine)" v-if="!locallyRequested">Foreslå denne</button>
<button class="vin-button" @click="request(wine)" v-if="!locallyRequested">Foreslå denne</button> <a
<a v-if="wine.vivinoLink"
v-if="wine.vivinoLink" :href="wine.vivinoLink"
:href="wine.vivinoLink" class="wine-link">
class="wine-link" Les mer
>Les mer på polet</a> </a>
</section> <button @click="deleteWine(wine)" v-if="showDeleteButton == true" class="vin-button danger">
<button @click="deleteWine(wine)" v-if="showDeleteButton == true"> Slett vinen
Slett vinen </button>
</button>
</section>
</div> </div>
</template> </template>
@@ -68,13 +66,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "../styles/requested-wine-card.scss";
.requested-wine{
padding: 20px;
border-radius: 1px;
margin: 1rem 0;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65);
}
</style> </style>