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

fix(dees-appui): Normalize header heights and box-sizing for App UI components

Browse Source
This commit is contained in:
Jürgen Kunz
2025-12-08 14:50:53 +00:00
parent 9471c419fa
commit 9735af05c8
6 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ts_web/elements/00group-appui/dees-appui-activitylog/dees-appui-activitylog.ts
View File

@@ -63,13 +63,14 @@ export class DeesAppuiActivitylog extends DeesElement {
.topbar {
position: absolute;
top: 0px;
height: 40px;
height: 48px;
width: 100%;
padding: 0px 16px;
background: ${cssManager.bdTheme('#ffffff', '#09090b')};
border-bottom: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
display: flex;
align-items: center;
box-sizing: border-box;
}
.topbar .heading {
@@ -81,7 +82,7 @@ export class DeesAppuiActivitylog extends DeesElement {
.activityContainer {
position: absolute;
top: 40px;
top: 48px;
bottom: 48px;
width: 100%;
padding: 12px 0px;
@@ -315,7 +316,7 @@ export class DeesAppuiActivitylog extends DeesElement {
position: absolute;
width: 100%;
height: 24px;
top: 40px;
top: 48px;
background: ${cssManager.bdTheme(
'linear-gradient(0deg, transparent 0%, #fafafa 100%)',
'linear-gradient(0deg, transparent 0%, #0a0a0a 100%)'

4
ts_web/elements/00group-appui/dees-appui-mainmenu/dees-appui-mainmenu.ts
View File

@@ -115,9 +115,11 @@ export class DeesAppuiMainmenu extends DeesElement {
display: flex;
align-items: center;
gap: 10px;
padding: 16px 14px;
height: 48px;
padding: 0 14px;
border-bottom: 1px solid ${cssManager.bdTheme('#e5e5e5', '#1a1a1a')};
flex-shrink: 0;
box-sizing: border-box;
}
.logoSection dees-icon {

4
ts_web/elements/00group-appui/dees-appui-secondarymenu/dees-appui-secondarymenu.ts
View File

@@ -134,9 +134,11 @@ export class DeesAppuiSecondarymenu extends DeesElement {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 16px;
height: 48px;
padding: 0 16px;
border-bottom: 1px solid var(--sidebar-border);
flex-shrink: 0;
box-sizing: border-box;
}
.header .heading {

4
ts_web/elements/00group-appui/dees-appui-tabs/dees-appui-tabs.ts
View File

@@ -132,7 +132,9 @@ export class DeesAppuiTabs extends DeesElement {
}
.tabs-wrapper.horizontal-wrapper {
height: 48px;
border-bottom: 1px solid ${cssManager.bdTheme('#e5e7eb', '#27272a')};
box-sizing: border-box;
}
.tabsContainer {
@@ -146,7 +148,7 @@ export class DeesAppuiTabs extends DeesElement {
font-size: 14px;
overflow-x: auto;
scrollbar-width: none;
height: 48px;
height: 100%;
padding: 0 16px;
gap: 4px;
}