From 7a2d91ae0d7a7d997da06b13069360522e6391fb Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Thu, 7 Sep 2023 01:22:55 +0200
Subject: [PATCH] fix(core): update

---
 ts_web/00_commitinfo_data.ts              |  2 +-
 ts_web/elements/lele-appui-appbar.ts      | 43 +++++++++++++++++++++--
 ts_web/elements/lele-appui-base.ts        |  2 +-
 ts_web/elements/lele-appui-maincontent.ts |  1 +
 4 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index ea6ab47..33ac405 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@losslessone_private/lele-appui-catalog',
-  version: '1.0.77',
+  version: '1.0.78',
   description: 'a catalog with app webcomponents'
 }
diff --git a/ts_web/elements/lele-appui-appbar.ts b/ts_web/elements/lele-appui-appbar.ts
index 7312422..2b736e3 100644
--- a/ts_web/elements/lele-appui-appbar.ts
+++ b/ts_web/elements/lele-appui-appbar.ts
@@ -20,9 +20,39 @@ export class DeapAppBar extends DeesElement {
         position: relative;
         height: 100%;
         width: 100%;
-        height: 32px;
+        height: 40px;
         border-bottom: 1px solid #202020;
         background: #000000;
+        color: #ffffff80;
+        font-size: 12px;
+        display: grid;
+        grid-template-columns:  ${cssManager.cssGridColumns(3, 20)};
+      }
+
+      .menus {
+        display: flex;
+        padding-left: 8px;
+        cursor: default;
+      }
+
+      .menuItem {
+        line-height: 24px;
+        padding: 0px 8px;
+        margin: 8px 0px;
+        border-radius: 4px;
+      }
+
+      .menuItem:hover {
+        background: #ffffff20;
+      }
+
+      .searchbar {
+        height: 24px;
+        line-height: 24px;
+        margin: 8px;
+        border: 1px solid #ffffff20;
+        border-radius: 8px;
+        text-align: center;
       }
     `,
   ];
@@ -30,7 +60,16 @@ export class DeapAppBar extends DeesElement {
   // INSTANCE
   public render(): TemplateResult {
     return html`
-      
+      <div class="menus">
+        <div class="menuItem">File</div>
+        <div class="menuItem">View</div>
+        <div class="menuItem">Help</div>
+        <div class="menuItem">Terminal</div>
+      </div>
+      <div class="searchbar">
+       Search
+      </div>
+      <div class="account"></div>
     `;
   }
 }
diff --git a/ts_web/elements/lele-appui-base.ts b/ts_web/elements/lele-appui-base.ts
index 4483cf3..f319aac 100644
--- a/ts_web/elements/lele-appui-base.ts
+++ b/ts_web/elements/lele-appui-base.ts
@@ -22,7 +22,7 @@ export class DeapBase extends DeesElement {
       }
       .maingrid {
         position: absolute;
-        top: 32px;
+        top: 40px;
         height: calc(100% - 40px);
         width: 100%;
         display: grid;
diff --git a/ts_web/elements/lele-appui-maincontent.ts b/ts_web/elements/lele-appui-maincontent.ts
index bb45e77..4b65132 100644
--- a/ts_web/elements/lele-appui-maincontent.ts
+++ b/ts_web/elements/lele-appui-maincontent.ts
@@ -67,6 +67,7 @@ export class DeapMaincontent extends DeesElement {
       .topbar .tabsContainer {
         display: grid;
         margin-left: 24px;
+        font-size: 16px;
       }
 
       .topbar .tabsContainer .tab {