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

fix(dees-simple-appdash): Bump deps and fix dees-simple-appdash icon binding and terminal sizing

Browse Source
This commit is contained in:
Jürgen Kunz
2025-09-05 15:00:00 +00:00
parent 2f17dea480
commit 7eea21c9d4
5 changed files with 2197 additions and 862 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -238,7 +238,7 @@ export class DeesSimpleAppDash extends DeesElement {
<div class="appbar">
<div>
<div class="sidebar-header">
<dees-icon .icon="lucide:grid3x3" style="font-size: 18px;"></dees-icon>
<dees-icon .icon="${'lucide:grid3x3'}" style="font-size: 18px;"></dees-icon>
<div class="appName">${this.name}</div>
</div>
<div class="viewTabs-container">
@@ -263,7 +263,7 @@ export class DeesSimpleAppDash extends DeesElement {
<div class="action" @click=${() => {
this.dispatchEvent(new CustomEvent('logout', { bubbles: true, composed: true }));
}}>
<dees-icon .icon="lucide:logOut"></dees-icon>
<dees-icon .icon="${'lucide:logOut'}"></dees-icon>
<span>Logout</span>
</div>
</div>
@@ -273,11 +273,11 @@ export class DeesSimpleAppDash extends DeesElement {
</div>
<div class="controlbar">
<div class="control">
<dees-icon .icon="lucide:wifi"></dees-icon>
<dees-icon .icon="${'lucide:wifi'}"></dees-icon>
<span>Connected</span>
</div>
<div class="control" @click=${this.launchTerminal}>
<dees-icon .icon="lucide:terminal"></dees-icon>
<dees-icon .icon="${'lucide:terminal'}"></dees-icon>
<span>Terminal</span>
</div>
</div>
@@ -319,6 +319,8 @@ export class DeesSimpleAppDash extends DeesElement {
terminal.style.transition = 'all 0.2s';
terminal.style.background = '#000';
terminal.style.boxShadow = '0 4px 20px rgba(0, 0, 0, 0.3)';
terminal.style.maxWidth = `calc(${maincontainer.clientWidth}px -240px)`;
terminal.style.maxHeight = `calc(${maincontainer.clientHeight}px - 24px)`;
// Add close button to terminal
terminal.addEventListener('close', () => this.closeTerminal());