diff --git a/src/components/button/button.css.ts b/src/components/button/button.css.ts index 1e3c019..385345d 100644 --- a/src/components/button/button.css.ts +++ b/src/components/button/button.css.ts @@ -102,4 +102,10 @@ export default css` align-items: center; margin: auto; } + + /* menubutton */ + :host(#menuitem) button { + font-size: 24px; + height: 76px; + } ` diff --git a/src/components/ul/ul.css.ts b/src/components/ul/ul.css.ts index a0bff9a..167be04 100644 --- a/src/components/ul/ul.css.ts +++ b/src/components/ul/ul.css.ts @@ -8,6 +8,14 @@ export default css` max-width: 88vw; } + /* menu ul */ + :host(#iconmenu) { + width: 320px; + display: block; + margin: 0; + border-radius: 16px; + } + ul { list-style: none; flex-direction: column; diff --git a/src/test/panels/activeoverlay/activeoverlay.ts b/src/test/panels/activeoverlay/activeoverlay.ts index 92ca5e1..42be2cc 100644 --- a/src/test/panels/activeoverlay/activeoverlay.ts +++ b/src/test/panels/activeoverlay/activeoverlay.ts @@ -13,6 +13,9 @@ export class PanelActiveOverlay extends LitElement { public overlayStack = new OverlayStack() public test(e: Event) { + this.addEventListener('test', () => { + this.overlayStack.closeOverlay() + }) if (this.overlayStack.isOpen == false) { // 获取被点击节点 const targetNode = e.target as HTMLElement