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": {
"analyze": "cem analyze --litelement",
"build": "vite build --base='./'",
"lint": "eslint --ignore-path .gitignore && prettier --check --ignore-path .gitignore",
"fix": "eslint --fix --ignore-path .gitignore && prettier --write --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 src/**/*.ts",
"dev": "vite -m development",
"test": "jest"
},

16
src/DominoFace.ts
View File

@ -36,7 +36,10 @@ export class DominoClockface extends LitElement {
var(--dominoclock-default-background-color, #daaf20)
);
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;
grid-template-columns: 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));
height: var(--dominoclock-date-size, var(--dominoclock-default-date-size, 1rem));
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;
}
@ -78,12 +83,7 @@ export class DominoClockface extends LitElement {
const points = this.calculateDots();
return html`
<div class="face">
${points.map(
pos =>
html`
<div class="dot${pos ? " active" : ""}"><div></div></div>
`
)}
${points.map(pos => html` <div class="dot${pos ? " active" : ""}"><div></div></div> `)}
</div>
`;
}