Cleanup index.html file, removed style tag

iNavFlight · Oct 28, 2024 · a8c17fe · a8c17fe
1 parent b67ab97
commit a8c17fe
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -52,29 +52,8 @@
                 <small id="battery-voltage" i18n="sensorBatteryVoltage"></small>
             </div>
 
-            <style>
-                .battery-wrapper {
-                    --element-width: .25rem;
-                    --element-height: .75rem;
-                    position: relative;
-                    border-radius: 2px;
-                    width: 3rem;
-                    height: 1.5rem;
-                    margin-right: var(--element-width);
-                }
-                .battery-element {
-                    width: var(--element-width);
-                    height: var(--element-height);
-                    background: var(--inav-secondary-border-subtle);
-                    position: absolute;
-                    right: calc(-2px - var(--element-width));
-                    top: calc(50% - var(--element-height) / 2);
-                }
-            </style>
-
             <div class="vr"></div>
 
-            <!--            TODO -->
             <div id="dataflash_wrapper_global" class="d-flex justify-content-center min-w-7r">
                 <div class="dataflash-contents_global flex-column justify-content-between">
                     <small id="dataflash-free-space" i18n="sensorDataFlashFreeSpace"></small>

diff --git a/src/sass/_configurator.scss b/src/sass/_configurator.scss
@@ -530,3 +530,21 @@ input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
+
+.battery-wrapper {
+  --element-width: .25rem;
+  --element-height: .75rem;
+  position: relative;
+  border-radius: 2px;
+  width: 3rem;
+  height: 1.5rem;
+  margin-right: var(--element-width);
+}
+.battery-element {
+  width: var(--element-width);
+  height: var(--element-height);
+  background: var(--inav-secondary-border-subtle);
+  position: absolute;
+  right: calc(-2px - var(--element-width));
+  top: calc(50% - var(--element-height) / 2);
+}