This commit is contained in:
parent
b23746c125
commit
52f40302fd
|
|
@ -26,7 +26,7 @@
|
|||
@click="currentMenuIndex = index" v-for="menu, index in form.menus" :key="index">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center flex-grow-1">
|
||||
<el-tooltip class="icon-rank cursor-scroll" effect="dark" content="{{ __('admin/builder.text_drag_sort') }}" placement="left">
|
||||
<el-tooltip class="icon-rank cursor-scroll" effect="dark" content="{{ __('admin/builder.text_drag_sort') }}" placement="top">
|
||||
<i class="el-icon-rank"></i>
|
||||
</el-tooltip>
|
||||
<div class="name mx-2">
|
||||
|
|
|
|||
|
|
@ -37,3 +37,9 @@ body.page-account {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.account-sides-info {
|
||||
@media (max-width:768px) {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
}
|
||||
|
|
@ -8,7 +8,7 @@ body.page-order-success, body.page-payment {
|
|||
padding-left: 7rem;
|
||||
|
||||
@media (max-width:768px) {
|
||||
padding: 3rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -14,6 +14,10 @@ body.page-account-address, body.page-checkout {
|
|||
height: 130px;
|
||||
cursor: pointer;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding: 10px 10px 10px 14px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: #222;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -41,6 +41,10 @@ body.page-account-order-list {
|
|||
.img {
|
||||
flex: 0 0 60px;
|
||||
margin-right: 10px;
|
||||
|
||||
@media (max-width:768px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -43,7 +43,14 @@ body.page-checkout {
|
|||
.addresses-wrap {
|
||||
.item {
|
||||
&.address-right {
|
||||
padding: 0 2.6rem;
|
||||
@media (min-width: 768px) {
|
||||
padding: 0 2.6rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -19,47 +19,49 @@
|
|||
<h5 class="card-title">{{ __('shop/account.order.index') }}</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<table class="table ">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ __('shop/account.order.order_details') }}</th>
|
||||
<th width="160px">{{ __('shop/account.order.amount') }}</th>
|
||||
<th width="100px">{{ __('shop/account.order.state') }}</th>
|
||||
<th width="100px" class="text-end">{{ __('common.action') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@foreach ($orders as $order)
|
||||
<tbody>
|
||||
<tr class="sep-row"><td colspan="4"></td></tr>
|
||||
<tr class="head-tr">
|
||||
<td colspan="4">
|
||||
<span class="order-created me-4">{{ $order->created_at }}</span>
|
||||
<span class="order-number">{{ __('shop/account.order.order_number') }}:{{ $order->number }}</span>
|
||||
</td>
|
||||
<div class="table-responsive">
|
||||
<table class="table ">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ __('shop/account.order.order_details') }}</th>
|
||||
<th width="160px">{{ __('shop/account.order.amount') }}</th>
|
||||
<th width="100px">{{ __('shop/account.order.state') }}</th>
|
||||
<th width="100px" class="text-end">{{ __('common.action') }}</th>
|
||||
</tr>
|
||||
@foreach ($order->orderProducts as $product)
|
||||
<tr class="{{ $loop->first ? 'first-tr' : '' }}">
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="img"><img src="{{ $product->image }}" class="img-fluid"></div>
|
||||
<div class="name">
|
||||
<a class="text-dark" href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>
|
||||
<div class="quantity mt-1 text-secondary">x {{ $product->quantity }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
@if ($loop->first)
|
||||
<td rowspan="{{ $loop->count }}">{{ currency_format($order->total, $order->currency_code, $order->currency_value) }}</td>
|
||||
<td rowspan="{{ $loop->count }}">{{ __("common.order.{$order->status}") }}</td>
|
||||
<td rowspan="{{ $loop->count }}" class="text-end">
|
||||
<a href="{{ shop_route('account.order.show', ['number' => $order->number]) }}" class="btn btn-outline-secondary btn-sm">{{ __('shop/account.order.check') }}</a>
|
||||
</thead>
|
||||
@foreach ($orders as $order)
|
||||
<tbody>
|
||||
<tr class="sep-row"><td colspan="4"></td></tr>
|
||||
<tr class="head-tr">
|
||||
<td colspan="4">
|
||||
<span class="order-created me-4">{{ $order->created_at }}</span>
|
||||
<span class="order-number">{{ __('shop/account.order.order_number') }}:{{ $order->number }}</span>
|
||||
</td>
|
||||
@endif
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
@endforeach
|
||||
</table>
|
||||
</tr>
|
||||
@foreach ($order->orderProducts as $product)
|
||||
<tr class="{{ $loop->first ? 'first-tr' : '' }}">
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="img"><img src="{{ $product->image }}" class="img-fluid"></div>
|
||||
<div class="name">
|
||||
<a class="text-dark" href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>
|
||||
<div class="quantity mt-1 text-secondary">x {{ $product->quantity }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
@if ($loop->first)
|
||||
<td rowspan="{{ $loop->count }}">{{ currency_format($order->total, $order->currency_code, $order->currency_value) }}</td>
|
||||
<td rowspan="{{ $loop->count }}">{{ __("common.order.{$order->status}") }}</td>
|
||||
<td rowspan="{{ $loop->count }}" class="text-end">
|
||||
<a href="{{ shop_route('account.order.show', ['number' => $order->number]) }}" class="btn btn-outline-secondary btn-sm">{{ __('shop/account.order.check') }}</a>
|
||||
</td>
|
||||
@endif
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
@endforeach
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue