design.estate/dees-catalog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2024-01-22 01:26:13 +01:00
parent 0d78deadf2
commit 98542252cb
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ts_web/00_commitinfo_data.ts
View File

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

21
ts_web/elements/dees-simple-appdash.ts
View File

@ -27,11 +27,14 @@ export class DeesSimpleAppDash extends DeesElement {
@property() @property()
public name = 'Dees Simple Login'; public name = 'Dees Simple Login';
@property()
public views: Array<{ name: string; icon: string; viewFunction: () => Promise<TemplateResult> }> = [];
public static styles = [ public static styles = [
cssManager.defaultStyles, cssManager.defaultStyles,
css` css`
:host { :host {
color: ${cssManager.bdTheme('#333', '#fff')}; color: ${cssManager.bdTheme('#333', '#ccc')};
user-select: none; user-select: none;
} }
.appbar { .appbar {
@ -39,8 +42,8 @@ export class DeesSimpleAppDash extends DeesElement {
top: 0; top: 0;
height: 40px; height: 40px;
width: 100%; width: 100%;
background: ${cssManager.bdTheme('#eeeeeb', '#000')}; background: ${cssManager.bdTheme('#eeeeeb', '#222')};
border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#333')}; border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff10')};
font-size: 14px; font-size: 14px;
line-height: 40px; line-height: 40px;
font-family: 'Roboto', 'Inter', sans-serif; font-family: 'Roboto', 'Inter', sans-serif;
@ -48,13 +51,22 @@ export class DeesSimpleAppDash extends DeesElement {
z-index: 2; z-index: 2;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: min-content 1fr auto;
}
.appName {
white-space: nowrap;
} }
.appActions { .appActions {
display: flex; display: flex;
} }
.appActions .action {}
.appActions .action:hover {
color: ${cssManager.bdTheme('#000', '#fff')};
}
.appcontent { .appcontent {
z-index: 1; z-index: 1;
position: fixed; position: fixed;
@ -72,6 +84,7 @@ export class DeesSimpleAppDash extends DeesElement {
return html` return html`
<div class="appbar"> <div class="appbar">
<div class="appName">${this.name}</div> <div class="appName">${this.name}</div>
<div class="viewTabs"></div>
<div class="appActions"> <div class="appActions">
<div class="action"> <div class="action">
Logout Logout