mobile

client/cryps.css

@@ -184,7 +184,7 @@ header {
 }
 
 .header-status svg {
-    margin-left: 1em;
+    margin: 0.5em 0 0 1em;
     height: 1.5em;
     background-color: black;
     stroke: whitesmoke;

client/index.html

@@ -4,8 +4,11 @@
     <title>cryps.gg - mnml pvp atbs</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name=apple-mobile-web-app-capable content=yes>
+    <meta name=apple-mobile-web-app-status-bar-style content=black>
     <meta name="description" content="cryps.gg - mnml pvp atbs">
     <meta name="author" content="ntr@smokestack.io">
+    <link rel="manifest" href="manifest.json">
     <link rel="stylesheet" href="./node_modules/izitoast/dist/css/iziToast.min.css"></script>
     <link href="https://fonts.googleapis.com/css?family=Jura" rel="stylesheet">
     <link rel="stylesheet" href="assets/normalize.css">

client/manifest.json

@@ -0,0 +1,7 @@
+{
+  "short_name": "cryps.gg",
+  "name": "cryps.gg - mnml pvp atbs",
+  "start_url": "/index.html",
+  "display": "fullscreen",
+  "orientation": "portrait"
+}

client/src/components/vbox.component.jsx

@@ -12,6 +12,7 @@ function convertVar(v) {
 
 function Vbox(args) {
     const {
+        activeVar,
         instance,
         combiner,
         reclaiming,
@@ -27,6 +28,7 @@ function Vbox(args) {
 
     const { vbox } = instance;
     if (!instance.vbox) return false;
+    if (activeVar) return false;
 
     //
     // VBOX

server/WORKLOG.md

@@ -18,6 +18,7 @@
 
 *CLIENT*
 show cooldowns
+icons change with %
 
 *SERVER*
 siphon might have a prob