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

fix(dependencies): Update dependencies to their latest versions

Browse Source
This commit is contained in:
Philipp Kunz
2024-09-02 22:07:42 +02:00
parent 6a0b0aa741
commit d0e85da308
5 changed files with 254 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,10 +62,10 @@ export class DeesSimpleAppDash extends DeesElement {
.appbar {
position: fixed;
top: 0;
height: 32px;
width: 100%;
background: ${cssManager.bdTheme('#eeeeeb', '#222')};
border-bottom: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff10')};
height: calc(100% - 24px);
width: 200px;
background: ${cssManager.bdTheme('#eeeeeb', '#000')};
border-right: 1px solid ${cssManager.bdTheme('#ccc', '#ffffff20')};
font-size: 14px;
line-height: 32px;
font-family: 'Geist Sans', sans-serif;
@ -73,14 +73,15 @@ export class DeesSimpleAppDash extends DeesElement {
z-index: 2;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.8);
display: grid;
grid-template-columns: min-content 1fr auto;
grid-template-rows: min-content auto min-content;
}
.appbar .viewTabs {
padding: 0px 16px;
margin-left: -8px;
margin-right: -8px;
display: flex;
flex-direction: row;
align-items: center;
flex-direction: column;
align-items: top;
}
.viewTab {
@ -88,7 +89,7 @@ export class DeesSimpleAppDash extends DeesElement {
}
.viewTab:hover {
background: ${cssManager.bdTheme(colors.bright.blue, colors.dark.blue)};
background: ${cssManager.bdTheme('#ccc', '#ffffff10')};
color: ${cssManager.bdTheme('#000', '#fff')};
}
@ -99,6 +100,7 @@ export class DeesSimpleAppDash extends DeesElement {
.appName {
white-space: nowrap;
color: ${cssManager.bdTheme('#666', '#999')};
}
.appActions {
@ -114,10 +116,11 @@ export class DeesSimpleAppDash extends DeesElement {
.appcontent {
z-index: 1;
position: fixed;
top: 32px;
height: calc(100vh - 32px - 24px);
top: 0px;
right: 0px;
height: calc(100vh - 24px);
bottom: 24px;
width: 100%;
width: calc(100vw - 200px);
overflow: auto;
background: ${cssManager.bdTheme('#eeeeeb', '#000')};
overscroll-behavior: contain;
@ -195,8 +198,8 @@ export class DeesSimpleAppDash extends DeesElement {
maincontainer.appendChild(terminal);
terminal.style.position = 'absolute';
terminal.style.zIndex = '1';
terminal.style.top = '32px';
terminal.style.left = '0px';
terminal.style.top = '0px';
terminal.style.left = '200px';
terminal.style.right = '0px';
terminal.style.bottom = '24px';
terminal.style.opacity = '0';