fix(core): update
This commit is contained in:
parent
691db4034d
commit
7a2d91ae0d
@ -3,6 +3,6 @@
|
|||||||
*/
|
*/
|
||||||
export const commitinfo = {
|
export const commitinfo = {
|
||||||
name: '@losslessone_private/lele-appui-catalog',
|
name: '@losslessone_private/lele-appui-catalog',
|
||||||
version: '1.0.77',
|
version: '1.0.78',
|
||||||
description: 'a catalog with app webcomponents'
|
description: 'a catalog with app webcomponents'
|
||||||
}
|
}
|
||||||
|
@ -20,9 +20,39 @@ export class DeapAppBar extends DeesElement {
|
|||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 32px;
|
height: 40px;
|
||||||
border-bottom: 1px solid #202020;
|
border-bottom: 1px solid #202020;
|
||||||
background: #000000;
|
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
|
// INSTANCE
|
||||||
public render(): TemplateResult {
|
public render(): TemplateResult {
|
||||||
return html`
|
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 {
|
.maingrid {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 32px;
|
top: 40px;
|
||||||
height: calc(100% - 40px);
|
height: calc(100% - 40px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
@ -67,6 +67,7 @@ export class DeapMaincontent extends DeesElement {
|
|||||||
.topbar .tabsContainer {
|
.topbar .tabsContainer {
|
||||||
display: grid;
|
display: grid;
|
||||||
margin-left: 24px;
|
margin-left: 24px;
|
||||||
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar .tabsContainer .tab {
|
.topbar .tabsContainer .tab {
|
||||||
|
Loading…
Reference in New Issue
Block a user