From f485a2206b226bd6bc6de3ad89ad15ba418104f4 Mon Sep 17 00:00:00 2001
From: develite98 <phongcao3091998@gmail.com>
Date: Thu, 11 Jan 2024 15:38:07 +0700
Subject: [PATCH] feat(4ps): update create job template ui

---
 apps/mix-database/tailwind.config.js                         | 2 ++
 .../src/components/main-toolbar/main-toolbar.component.html  | 4 ++--
 .../src/components/main-toolbar/main-toolbar.component.scss  | 1 +
 .../database-select/database-select.component.scss           | 3 +--
 libs/mix-ui/src/breadcrumbs/breadcrumbs.component.html       | 5 ++---
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/mix-database/tailwind.config.js b/apps/mix-database/tailwind.config.js
index 904aab85..8d82458d 100644
--- a/apps/mix-database/tailwind.config.js
+++ b/apps/mix-database/tailwind.config.js
@@ -6,6 +6,8 @@ module.exports = {
   content: [
     join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html,scss}'),
     ...createGlobPatternsForDependencies(__dirname),
+    'libs/mix-share/**/!(*.stories|*.spec).{ts,html,scss}',
+    'libs/mix-ui/**/!(*.stories|*.spec).{ts,html,scss}',
   ],
   theme: {
     extend: {
diff --git a/libs/mix-share/src/components/main-toolbar/main-toolbar.component.html b/libs/mix-share/src/components/main-toolbar/main-toolbar.component.html
index 2283c5db..a3b992fb 100644
--- a/libs/mix-share/src/components/main-toolbar/main-toolbar.component.html
+++ b/libs/mix-share/src/components/main-toolbar/main-toolbar.component.html
@@ -1,10 +1,10 @@
-<div class="main-toolbar shadow">
+<div class="main-toolbar">
   <div *ngIf="showExpandBtn"
        class="main-toolbar__expand-btn">
     <collapse-btn (click)="expandChange.emit()"></collapse-btn>
   </div>
 
-  <mix-location-controller></mix-location-controller>
+  <mix-location-controller class="hidden md:block"></mix-location-controller>
 
   <div *ngIf="toolbarService.templatePortal$ | async as portal"
        class="main-toolbar__custom-portal">
diff --git a/libs/mix-share/src/components/main-toolbar/main-toolbar.component.scss b/libs/mix-share/src/components/main-toolbar/main-toolbar.component.scss
index 26ddd4f4..eb44ab71 100644
--- a/libs/mix-share/src/components/main-toolbar/main-toolbar.component.scss
+++ b/libs/mix-share/src/components/main-toolbar/main-toolbar.component.scss
@@ -10,6 +10,7 @@
   height: 55px;
   background-color: var(--background-color-primary);
   z-index: 3;
+  border-bottom: 1px solid var(--border-color-default);
 
   &__expand-btn {
     margin: 0px 16px 0px 14px;
diff --git a/libs/mix-share/src/modules/database/components/database-select/database-select.component.scss b/libs/mix-share/src/modules/database/components/database-select/database-select.component.scss
index 07b1ebc1..0cb71dca 100644
--- a/libs/mix-share/src/modules/database/components/database-select/database-select.component.scss
+++ b/libs/mix-share/src/modules/database/components/database-select/database-select.component.scss
@@ -3,8 +3,7 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-  box-shadow: -25px 5px 25px -40px #00000080 inset;
-  border: 1px solid var(--border-color-default);
+  border-right: 1px solid var(--border-color-default);
 
   &__top {
     padding: 1rem 1rem 0 1rem;
diff --git a/libs/mix-ui/src/breadcrumbs/breadcrumbs.component.html b/libs/mix-ui/src/breadcrumbs/breadcrumbs.component.html
index 9c9f0b3b..a55a61fe 100644
--- a/libs/mix-ui/src/breadcrumbs/breadcrumbs.component.html
+++ b/libs/mix-ui/src/breadcrumbs/breadcrumbs.component.html
@@ -1,11 +1,10 @@
 <nav class="flex"
      aria-label="Breadcrumb">
   <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
-    @for (item of displayItems(); track item; let idx = $index) {
-    <li class="inline-flex items-center">
+    @for (item of displayItems(); track item; let idx = $index, last = $last) {
+    <li class="hidden lg:inline-flex items-center">
       <svg *ngIf="idx > 0"
            class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1"
-           aria-hidden="true"
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 6 10">