chore: UI refresh for grid/list view and search

- enhanced UI for grid/list view, actions visible on hover only
- enhanced search UI
- Added indicator to show if item is in cart
- Moved search with view togglers
This commit is contained in:
marination
2021-07-12 03:28:33 +05:30
parent 9920747a26
commit cf88b517c8
14 changed files with 439 additions and 195 deletions

View File

@@ -2,18 +2,7 @@
{% extends "templates/web.html" %}
{% block header %}
<div class="row mb-6" style="width: 65vw">
<div class="mb-6 col-4 order-1">{{ title }}</div>
<div class="input-group mb-6 col-8 order-2">
<div class="dropdown w-100" id="dropdownMenuSearch">
<input type="search" name="query" id="search-box" class="form-control font-md"
placeholder="Search for products..."
aria-label="Product" aria-describedby="button-addon2">
<!-- Results dropdown rendered in product_search.js -->
</div>
</div>
</div>
<div class="mb-6">{{ _(item_group_name) }}</div>
{% endblock header %}
{% block script %}