From 2022aa30e88ee839056438f08a9865c023084269 Mon Sep 17 00:00:00 2001
From: artemnih <23387542+artemnih@users.noreply.github.com>
Date: Wed, 6 Oct 2021 10:34:56 -0400
Subject: [PATCH] feat: last bread

---
 .../lib/components/breadcrumbs/breadcrumbs.component.html | 6 +++---
 .../lib/components/breadcrumbs/breadcrumbs.component.scss | 2 +-
 .../src/lib/components/explorer/explorer.component.html   | 8 +++++---
 .../src/lib/components/icons/icons.component.html         | 3 ++-
 .../src/lib/components/icons/icons.component.scss         | 2 +-
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.html b/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.html
index ac8a320..be9f0b9 100644
--- a/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.html
+++ b/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.html
@@ -1,7 +1,7 @@
-<div class="nxe-breadcrumbs">
-    <span *ngFor="let crumb of breadcrumbs">
+<div class="nxe-breadcrumbs-container">
+    <span *ngFor="let crumb of breadcrumbs; let last = last">
         <span (click)="click(crumb)" class="nxe-breadcrumb">{{ crumb.name }}</span>
-        <span class="nxe-breadcrumb-separator">
+        <span *ngIf="!last" class="nxe-breadcrumb-separator">
             <i class="fa fa-angle-right" aria-hidden="true"></i>
         </span>
     </span>
diff --git a/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.scss b/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.scss
index 8eb4a4e..d2e7f51 100644
--- a/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.scss
+++ b/projects/ngx-explorer/src/lib/components/breadcrumbs/breadcrumbs.component.scss
@@ -1,4 +1,4 @@
-.nxe-breadcrumbs {
+.nxe-breadcrumbs-container {
     margin: 5px 10px;
 
     .nxe-breadcrumb {
diff --git a/projects/ngx-explorer/src/lib/components/explorer/explorer.component.html b/projects/ngx-explorer/src/lib/components/explorer/explorer.component.html
index 65eca2b..8977465 100644
--- a/projects/ngx-explorer/src/lib/components/explorer/explorer.component.html
+++ b/projects/ngx-explorer/src/lib/components/explorer/explorer.component.html
@@ -1,3 +1,5 @@
-<nxe-menu-bar></nxe-menu-bar>
-<nxe-breadcrumbs></nxe-breadcrumbs>
-<nxe-icons></nxe-icons>
\ No newline at end of file
+<div class="nxe-explorer-container">
+    <nxe-menu-bar></nxe-menu-bar>
+    <nxe-breadcrumbs></nxe-breadcrumbs>
+    <nxe-icons></nxe-icons>
+</div>
\ No newline at end of file
diff --git a/projects/ngx-explorer/src/lib/components/icons/icons.component.html b/projects/ngx-explorer/src/lib/components/icons/icons.component.html
index b8d6b63..4a98a1d 100644
--- a/projects/ngx-explorer/src/lib/components/icons/icons.component.html
+++ b/projects/ngx-explorer/src/lib/components/icons/icons.component.html
@@ -1,5 +1,6 @@
 <div class="nxe-icons-container">
-    <div class="nxe-icons-wrapper" [ngClass]="{'nxe-icon-selected':isSelected(item)}" *ngFor="let item of items" (dblclick)="open($event, item)" (click)="select($event, item)">
+    <div class="nxe-icons-wrapper" [ngClass]="{'nxe-icon-selected':isSelected(item)}" *ngFor="let item of items" (dblclick)="open($event, item)"
+        (click)="select($event, item)">
         <div class="nxe-icon">
             <i [className]="icons[item.type]"></i>
         </div>
diff --git a/projects/ngx-explorer/src/lib/components/icons/icons.component.scss b/projects/ngx-explorer/src/lib/components/icons/icons.component.scss
index e607963..9743016 100644
--- a/projects/ngx-explorer/src/lib/components/icons/icons.component.scss
+++ b/projects/ngx-explorer/src/lib/components/icons/icons.component.scss
@@ -6,7 +6,7 @@
     .nxe-icons-wrapper {
         padding-bottom: 5px;
         width: 80px;
-        border-radius: 8px;
+        border-radius: 5px;
         text-align: center;
         border: 1px solid transparent;
         margin: 0px 5px;