💄 More consistent UI progress bars

GitSquared · Apr 29, 2019 · 0d1d1c1 · 0d1d1c1
1 parent 8492174
commit 0d1d1c1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/assets/css/mod_ramwatcher.css b/src/assets/css/mod_ramwatcher.css
@@ -102,17 +102,17 @@ progress#mod_ramwatcher_swapbar {
 
 progress#mod_ramwatcher_swapbar::-webkit-progress-bar {
     background: rgba(var(--color_r), var(--color_g), var(--color_b), 0.4);
-    height: .3vh;
+    height: .25vh;
     position: relative;
-    top: .35vh;
+    top: .55vh;
 }
 
 progress#mod_ramwatcher_swapbar::-webkit-progress-value {
     background: rgb(var(--color_r), var(--color_g), var(--color_b));
-    height: .6vh;
+    height: .4vh;
     transition: width .5s cubic-bezier(0.4, 0, 1, 1);
     position: relative;
-    bottom: .15vh;
+    bottom: .4vh;
 }
 
 h3#mod_ramwatcher_swaptext {

diff --git a/src/classes/ramwatcher.class.js b/src/classes/ramwatcher.class.js
@@ -17,7 +17,7 @@ class RAMwatcher {
                 <div id="mod_ramwatcher_swapcontainer">
                     <h1>SWAP</h1>
                     <progress id="mod_ramwatcher_swapbar" max="100" value="0"></progress>
-                    <h3 id="mod_ramwatcher_swaptext">(0.0 GiB)</h3>
+                    <h3 id="mod_ramwatcher_swaptext">0.0 GiB</h3>
                 </div>
         </div>`;
 
@@ -69,7 +69,7 @@ class RAMwatcher {
             document.getElementById("mod_ramwatcher_swapbar").value = usedSwap;
 
             let usedSwapGiB = Math.round((data.swapused/1073742000)*10)/10;
-            document.getElementById("mod_ramwatcher_swaptext").innerText = `(${usedSwapGiB} GiB)`;
+            document.getElementById("mod_ramwatcher_swaptext").innerText = `${usedSwapGiB} GiB`;
         });
     }
     shuffleArray(array) {