fix(core): update

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'
 }

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>
     `;
   }
 }

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;

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 {