elf
/
dominoclock
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed invocation issue with prettier.

This commit is contained in:
Elf M. Sternberg 2023-02-15 10:01:50 -08:00
parent 6f10ef9e9e
commit 566bc9d9f4
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -6,8 +6,8 @@
"scripts": { "scripts": {
"analyze": "cem analyze --litelement", "analyze": "cem analyze --litelement",
"build": "vite build --base='./'", "build": "vite build --base='./'",
"lint": "eslint --ignore-path .gitignore && prettier --check --ignore-path .gitignore", "lint": "eslint --ignore-path .gitignore && prettier --check --ignore-path .gitignore src/**/*.ts",
"fix": "eslint --fix --ignore-path .gitignore && prettier --write --ignore-path .gitignore", "fix": "eslint --fix --ignore-path .gitignore && prettier --write --ignore-path .gitignore src/**/*.ts",
"dev": "vite -m development", "dev": "vite -m development",
"test": "jest" "test": "jest"
}, },

16
src/DominoFace.ts
View File

@ -36,7 +36,10 @@ export class DominoClockface extends LitElement {
var(--dominoclock-default-background-color, #daaf20) var(--dominoclock-default-background-color, #daaf20)
); );
border: 1px solid #282828; border: 1px solid #282828;
border-radius: var(--dominoclock-border-radius, var(--dominoclock-default-border-radius, 0.5rem)); border-radius: var(
--dominoclock-border-radius,
var(--dominoclock-default-border-radius, 0.5rem)
);
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr; grid-template-rows: 1fr 1fr;
@ -54,7 +57,9 @@ export class DominoClockface extends LitElement {
width: var(--dominoclock-date-size, var(--dominoclock-default-date-size, 1rem)); width: var(--dominoclock-date-size, var(--dominoclock-default-date-size, 1rem));
height: var(--dominoclock-date-size, var(--dominoclock-default-date-size, 1rem)); height: var(--dominoclock-date-size, var(--dominoclock-default-date-size, 1rem));
background-color: var(--dominoclock-dot-color, var(--dominoclock-default-dot-color, #2f4f4f)); background-color: var(--dominoclock-dot-color, var(--dominoclock-default-dot-color, #2f4f4f));
border-radius: calc(var(--dominoclock-dot-size, var(--dominoclock-default-dot-size, 1rem)) / 2); border-radius: calc(
var(--dominoclock-dot-size, var(--dominoclock-default-dot-size, 1rem)) / 2
);
opacity: 0; opacity: 0;
} }
@ -78,12 +83,7 @@ export class DominoClockface extends LitElement {
const points = this.calculateDots(); const points = this.calculateDots();
return html` return html`
<div class="face"> <div class="face">
${points.map( ${points.map(pos => html` <div class="dot${pos ? " active" : ""}"><div></div></div> `)}
pos =>
html`
<div class="dot${pos ? " active" : ""}"><div></div></div>
`
)}
</div> </div>
`; `;
} }