1.0.259

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.0.258",
+  "version": "1.0.259",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.0.258',
+  version: '1.0.259',
   description: 'website for lossless.com'
 }

ts_web/elements/dees-simple-appdash.ts

@@ -45,11 +45,21 @@ export class DeesSimpleAppDash extends DeesElement {
         line-height: 40px;
         font-family: 'Roboto', 'Inter', sans-serif;
         padding: 0px 16px;
+        z-index: 2;
+        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
+        display: grid;
+        grid-template-columns: 1fr auto;
       }
+
+      .appActions {
+        display: flex;
+      }
+
       .appcontent {
+        z-index: 1;
         position: fixed;
         top: 40px;
-        height: calc(100% - 40px);
+        height: calc(100vh - 40px);
         bottom: 0px;
         width: 100%;
         overflow: auto;
@@ -61,7 +71,12 @@ export class DeesSimpleAppDash extends DeesElement {
   public render(): TemplateResult {
     return html`
       <div class="appbar">
-        configvault v1.2.3
+        <div class="appName">${this.name}</div>
+        <div class="appActions">
+          <div class="action">
+            Logout
+          </div>
+        </div>
       </div>
       <div class="appcontent">
         <slot></slot>