diff --git a/src/components/battery/battery-styles.ts b/src/components/battery/battery-styles.ts index b94a4aa..77bea0f 100644 --- a/src/components/battery/battery-styles.ts +++ b/src/components/battery/battery-styles.ts @@ -1,12 +1,13 @@ import {css, CSSResult} from 'lit' export const sharedStyles: CSSResult = css` - .holder { - position: relative; - width: var(--battery-width, 100%); - height: 0; - padding: 0; - padding-bottom: 35.4%; - } + // .holder { + // position: relative; + // width: var(--battery-width, 100%); + // height: 0; + // padding: 0; + // padding-bottom: 35.4%; + // } + .container { display: flex; position: absolute; diff --git a/src/components/battery/battery.ts b/src/components/battery/battery.ts index 99fe8c5..2ae1da0 100644 --- a/src/components/battery/battery.ts +++ b/src/components/battery/battery.ts @@ -92,13 +92,11 @@ export class StarBattery extends LitElement { render() { return html` -
-
-
- ${Math.round(this.percent)} - % - -
+
+
+ ${Math.round(this.percent)} + % +
` }