mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-06-23 12:18:03 +00:00
Evan
27 lines
567 B
TypeScript
27 lines
567 B
TypeScript
import { LitElement, css, html } from "lit";
|
|
import { customElement, property } from "lit/decorators";
|
|
|
|
@customElement("modal-overlay")
|
|
export class ModalOverlay extends LitElement {
|
|
@property({ reflect: true }) public visible: boolean = false;
|
|
|
|
static styles = css`
|
|
.overlay {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
`;
|
|
|
|
render() {
|
|
return html`
|
|
<div
|
|
class="overlay ${this.visible ? "" : "hidden"}"
|
|
@click=${() => (this.visible = false)}
|
|
></div>
|
|
`;
|
|
}
|
|
}
|