fix(core): update
This commit is contained in:
parent
0d78deadf2
commit
98542252cb
@ -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'
|
||||
}
|
||||
|
@ -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<TemplateResult> }> = [];
|
||||
|
||||
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`
|
||||
<div class="appbar">
|
||||
<div class="appName">${this.name}</div>
|
||||
<div class="viewTabs"></div>
|
||||
<div class="appActions">
|
||||
<div class="action">
|
||||
Logout
|
||||
|
Loading…
Reference in New Issue
Block a user