fix(core): update
This commit is contained in:
parent
691db4034d
commit
7a2d91ae0d
@ -3,6 +3,6 @@
|
||||
*/
|
||||
export const commitinfo = {
|
||||
name: '@losslessone_private/lele-appui-catalog',
|
||||
version: '1.0.77',
|
||||
version: '1.0.78',
|
||||
description: 'a catalog with app webcomponents'
|
||||
}
|
||||
|
@ -20,9 +20,39 @@ export class DeapAppBar extends DeesElement {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
height: 40px;
|
||||
border-bottom: 1px solid #202020;
|
||||
background: #000000;
|
||||
color: #ffffff80;
|
||||
font-size: 12px;
|
||||
display: grid;
|
||||
grid-template-columns: ${cssManager.cssGridColumns(3, 20)};
|
||||
}
|
||||
|
||||
.menus {
|
||||
display: flex;
|
||||
padding-left: 8px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.menuItem {
|
||||
line-height: 24px;
|
||||
padding: 0px 8px;
|
||||
margin: 8px 0px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.menuItem:hover {
|
||||
background: #ffffff20;
|
||||
}
|
||||
|
||||
.searchbar {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin: 8px;
|
||||
border: 1px solid #ffffff20;
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
`,
|
||||
];
|
||||
@ -30,7 +60,16 @@ export class DeapAppBar extends DeesElement {
|
||||
// INSTANCE
|
||||
public render(): TemplateResult {
|
||||
return html`
|
||||
|
||||
<div class="menus">
|
||||
<div class="menuItem">File</div>
|
||||
<div class="menuItem">View</div>
|
||||
<div class="menuItem">Help</div>
|
||||
<div class="menuItem">Terminal</div>
|
||||
</div>
|
||||
<div class="searchbar">
|
||||
Search
|
||||
</div>
|
||||
<div class="account"></div>
|
||||
`;
|
||||
}
|
||||
}
|
||||
|
@ -22,7 +22,7 @@ export class DeapBase extends DeesElement {
|
||||
}
|
||||
.maingrid {
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
top: 40px;
|
||||
height: calc(100% - 40px);
|
||||
width: 100%;
|
||||
display: grid;
|
||||
|
@ -67,6 +67,7 @@ export class DeapMaincontent extends DeesElement {
|
||||
.topbar .tabsContainer {
|
||||
display: grid;
|
||||
margin-left: 24px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.topbar .tabsContainer .tab {
|
||||
|
Loading…
Reference in New Issue
Block a user