mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-06-25 17:54:37 +00:00
Ryan
5e6c90d9bb
## Description: Overhauls the Main Menu UI, visit https://menu.openfront.dev to see everything. ## Please complete the following: - [x] I have added screenshots for all UI updates - [x] I process any text displayed to the user through translateText() and I've added it to the en.json file - [x] I have added relevant tests to the test directory - [x] I confirm I have thoroughly tested these changes and take full responsibility for any bugs introduced ## Please put your Discord username so you can be contacted if a bug or regression is found: w.o.n
23 lines
510 B
TypeScript
23 lines
510 B
TypeScript
import { LitElement, html } from "lit";
|
|
import { customElement, property } from "lit/decorators.js";
|
|
|
|
@customElement("modal-overlay")
|
|
export class ModalOverlay extends LitElement {
|
|
@property({ reflect: true }) public visible: boolean = false;
|
|
|
|
createRenderRoot() {
|
|
return this;
|
|
}
|
|
|
|
render() {
|
|
return html`
|
|
<div
|
|
class="absolute left-0 top-0 w-full h-full ${this.visible
|
|
? ""
|
|
: "hidden"}"
|
|
@click=${() => (this.visible = false)}
|
|
></div>
|
|
`;
|
|
}
|
|
}
|