|
|
@@ -1,5 +1,5 @@
|
|
|
<template lang="pug">
|
|
|
- li.cart-item
|
|
|
+ li.cart-item(:class="{'cart-item-invalid': !isValid()}")
|
|
|
h3.item-name {{ item.displayName }}
|
|
|
input.item-quantity(type='number' min='1' :value='item.quantity' readonly)
|
|
|
span.item-x x
|
|
|
@@ -61,6 +61,9 @@
|
|
|
},
|
|
|
onClickDelete() {
|
|
|
this.$emit('onClickDelete', this.item)
|
|
|
+ },
|
|
|
+ isValid() {
|
|
|
+ return this.item.price > 0
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -75,6 +78,8 @@
|
|
|
border-bottom: 1px solid $app-border-color
|
|
|
box-sizing: border-box
|
|
|
position: relative
|
|
|
+ &.cart-item-invalid
|
|
|
+ border-bottom: 2px solid $app-error-color
|
|
|
&:nth-child(1)
|
|
|
border-top: 1px solid $app-border-color
|
|
|
&:hover
|
Gogs