diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index 0604d98..3c68360 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@design.estate/dees-catalog', - version: '1.0.259', + version: '1.0.260', description: 'website for lossless.com' } diff --git a/ts_web/elements/dees-simple-appdash.ts b/ts_web/elements/dees-simple-appdash.ts index e176f68..355a023 100644 --- a/ts_web/elements/dees-simple-appdash.ts +++ b/ts_web/elements/dees-simple-appdash.ts @@ -27,11 +27,14 @@ export class DeesSimpleAppDash extends DeesElement { @property() public name = 'Dees Simple Login'; + @property() + public views: Array<{ name: string; icon: string; viewFunction: () => Promise }> = []; + public static styles = [ cssManager.defaultStyles, css` :host { - color: ${cssManager.bdTheme('#333', '#fff')}; + color: ${cssManager.bdTheme('#333', '#ccc')}; user-select: none; } .appbar { @@ -39,8 +42,8 @@ export class DeesSimpleAppDash extends DeesElement { top: 0; height: 40px; width: 100%; - background: ${cssManager.bdTheme('#eeeeeb', '#000')}; - border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#333')}; + background: ${cssManager.bdTheme('#eeeeeb', '#222')}; + border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff10')}; font-size: 14px; line-height: 40px; font-family: 'Roboto', 'Inter', sans-serif; @@ -48,13 +51,22 @@ export class DeesSimpleAppDash extends DeesElement { z-index: 2; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); display: grid; - grid-template-columns: 1fr auto; + grid-template-columns: min-content 1fr auto; + } + + .appName { + white-space: nowrap; } .appActions { display: flex; } + .appActions .action {} + .appActions .action:hover { + color: ${cssManager.bdTheme('#000', '#fff')}; + } + .appcontent { z-index: 1; position: fixed; @@ -72,6 +84,7 @@ export class DeesSimpleAppDash extends DeesElement { return html`
${this.name}
+
Logout