KevinMidboe/planetposen
1
0
Fork 0
mirror of https://github.com/KevinMidboe/planetposen.git synced 2025-10-29 17:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove button for cart items.

Browse Source
This commit is contained in:
Kevin
2020-07-19 18:04:31 +02:00
parent c7653cd9f1
commit e8ee4f832c
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/components/Cart.vue
View File

@@ -24,7 +24,16 @@
</td> </td>
<td>38.99 NOK</td> <td>38.99 NOK</td>
<td>2</td> <td>2</td>
<td>77.99 NOK</td> <td class="sum-and-remove">
<span>77.99 NOK</span>
<i class="icon icon--close-circle"
@click="removeFromCart(product)"
@keyup.enter="removeFromCart(product)"
role="button"
tabindex="0"
:title="'Remove product: ' + product.name"></i>
</button>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -134,6 +143,15 @@ table.cart-inventory {
} }
} }
.sum-and-remove i {
float: right;
margin-top: -1px;
font-size: var(--text-md);
color: var(--color-pink);
cursor: pointer;
}
thead tr th { thead tr th {
border-bottom: 2px solid rgba(255,255,255,.1); border-bottom: 2px solid rgba(255,255,255,.1);