diff --git a/src/fridge-magnets.ts b/src/fridge-magnets.ts index b37beb6..9a046dd 100644 --- a/src/fridge-magnets.ts +++ b/src/fridge-magnets.ts @@ -1,5 +1,6 @@ import { LitElement, html, css } from "lit"; import { customElement } from "lit/decorators/custom-element.js"; +import { words } from "./wordlist.js"; import "./fridge-tile.js"; @customElement("fridge-magnets") @@ -34,7 +35,7 @@ export class FridgeMagnets extends LitElement { render() { return html`
- + ${words.map(word => html``)}
`; diff --git a/src/fridge-tile.ts b/src/fridge-tile.ts index 56435b5..124ecbc 100644 --- a/src/fridge-tile.ts +++ b/src/fridge-tile.ts @@ -40,6 +40,7 @@ export class FridgeTile extends LitElement { font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; box-shadow: 0 0 0.375rem 0.125rem #aaa; text-align: center; + border-radius: 10%; user-select: none; cursor: pointer; color: #444; @@ -88,7 +89,7 @@ export class FridgeTile extends LitElement { render() { const styles = { - width: `${this.word.length}ch`, + width: `${this.word.length * 1.2}ch`, transform: `rotate(${this.transform.rotate}deg)`, }; return html`
${this.word}
`;