notification-ui

This commit is contained in:
edmondlang
2022-01-15 13:39:17 +08:00
parent ea34c74f6d
commit f8d65d05da
+23
View File
@@ -10,6 +10,29 @@
</div>
</div>
</div>
<div class="col-auto">
<div class="btn-group">
<i class="fa fa-bell fs-18 m-t-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
<div class="dropdown-menu dropdown-menu-right padding-15 bg-white" style="width: 320px;">
<div class="row b-b b-grey">
<div class="col-auto justify-content-center align-items-center d-flex">
<div>
<i class="fa fa-check-circle fs-20 p-l-5 text-success"></i>
</div>
</div>
<div class="col bg-white padding-10">
<p class="bold m-b-5 lh-16">Your Parcel has arrived in the warehouse.</p>
<p class="fs-9 m-b-0 lh-10">Hi user34234, your pracel has arrived the warehouse on 12-12-2021. Please click here to view more</p>
</div>
</div>
<div class="row">
<div class="col p-l-10 p-l-10 p-t-10 bg-white text-center">
<a href="#">View All Notifications</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-auto p-r-20 d-md-none">
<div class="row d-md-none">
<div class="col padding-15 pointer" @click="$store.dispatch('toggleSection', {name: 'sideMenu', status: true})">