nezumi/foodify-frontend
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/foodify-frontend.git synced 2026-09-23 04:09:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

update Ui

Browse Source
This commit is contained in:
Nguyễn Đức Đạt
2023-04-26 15:22:16 +07:00
parent b185b1f984
commit e906ed7127
4 changed files with 41 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/components/header/header.component.html
+14 -10
View File
@@ -102,13 +102,17 @@
<div class="dotted-animation"><span class="animate-circle"></span><span
class="main-circle"></span></div>
</div>
<ul class="profile-dropdown onhover-show-div p-20 profile-dropdown-hover width-dropdown">
<li *ngIf="isShop"><a [routerLink]="['/vendors','details', shopId]">
<app-feather-icons [icon]="'user'"></app-feather-icons>Trang cá nhân
</a></li>
<li *ngIf="!isShop"><a [routerLink]="['/users', 'detail', loggedId]">
<app-feather-icons [icon]="'user'"></app-feather-icons>Trang cá nhân
</a></li>
<ul class="profile-dropdown onhover-show-div py-2 px-3 profile-dropdown-hover width-dropdown">
<li class="py-2" *ngIf="isShop">
<a class="d-flex align-items-center " [routerLink]="['/vendors','details', shopId]">
<i class="fa fa-user mr-2" aria-hidden="true"></i><span class="font-weight-bold text-dark text-dropdowm">Trang cá nhân</span>
</a>
</li>
<li class="py-2" *ngIf="!isShop">
<a class="d-flex align-items-center " [routerLink]="['/users', 'detail', loggedId]">
<i class="fa fa-user mr-2" aria-hidden="true"></i><span class="font-weight-bold text-dark text-dropdowm">Trang cá nhân</span>
</a>
</li>
<!-- <li><a href="javascript:void(0)">
<app-feather-icons [icon]="'mail'"></app-feather-icons>Inbox
</a>
@@ -122,9 +126,9 @@
<app-feather-icons [icon]="'settings'"></app-feather-icons>Settings
</a>
</li> -->
<li>
<a (click)="logOut()">
<app-feather-icons [icon]="'log-out'"></app-feather-icons>Đăng xuất
<li class="py-2">
<a class="d-flex align-items-center " (click)="logOut()">
<i class="fa fa-sign-out mr-2" aria-hidden="true"></i><h6 class="font-weight-bold text-dark text-dropdowm">Đăng xuất</h6>
</a>
</li>
</ul>
src/app/shared/components/header/header.component.scss
+11 -3
View File
@@ -1,7 +1,15 @@
.width-dropdown {
width: 180px;
width: 190px;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
border-radius: 5px;
.fa {
font-size: 24px;
}
.text-dropdowm {
font-size: 16px;
}
}
@@ -23,9 +31,9 @@
.position-absolute {
position: absolute;
top: 66px;
right: 0px;
right: 12px;
text-align: start;
z-index: 999999;
background: #fff;
}
}
}
src/app/shared/service/nav.service.ts
+3 -3
View File
@@ -123,13 +123,13 @@ export class NavService {
]
},
{
title: 'Người bán hàng', icon: 'users', type: 'sub', active: false, children: [
title: 'Người bán hàng', icon: 'archive', type: 'sub', active: false, children: [
{ path: '/vendors/list', title: 'Danh sách', type: 'link' },
{ path: '/vendors/create', title: 'Tạo người bán', type: 'link' }
]
},
{
title: 'Shipper', icon: 'archive', type: 'sub', active: false, children: [
title: 'Shipper', icon: 'truck', type: 'sub', active: false, children: [
{ path: '/shippers/list', title: 'Danh sách', type: 'link' },
{ path: '/shippers/create', title: 'Tạo shipper', type: 'link' }
]
@@ -225,7 +225,7 @@ export class NavService {
// ]
// },
{
title: 'Shipper', icon: 'archive', type: 'sub', active: false, children: [
title: 'Shipper', icon: 'truck', type: 'sub', active: false, children: [
{ path: '/shippers/list', title: 'Danh sách', type: 'link' },
{ path: '/shippers/create', title: 'Tạo shipper', type: 'link' }
]