Preact mass storage (#125)

The major impetus for rewriting in UI, at least. Still some ironing to do, but much nicer than my attempt to do this using the old UI "framework".

js/components/css/BlockDisk.module.css

@@ -0,0 +1,38 @@
+.disk {
+    align-items: center;
+    display: flex;
+    flex-grow: 1;
+}
+
+.diskLight {
+    margin: 5px;
+    background-image: url(../../../css/green-off-16.png);
+    background-size: 16px 16px;
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+}
+
+.diskLight.on {
+    background-image: url(../../../css/green-on-16.png);
+}
+
+.diskLabel {
+    color: #000;
+    font-family: sans-serif;
+    font-weight: bold;
+    margin-right: 0.5em;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    flex-grow: 1;
+}
+
+@media only screen and (min-resolution: 1.25dppx) {
+    .diskLight {
+        background-image: url(../../../css/green-off-32.png);
+    }
+    .diskLight.on {
+        background-image: url(../../../css/green-on-32.png);
+    }
+}

js/components/css/BlockFileModal.module.css

@@ -0,0 +1,3 @@
+.modalContent {
+    width: 320px;
+}

js/components/css/DiskII.module.css

@@ -2,12 +2,12 @@
     align-items: center;
     display: flex;
     flex-grow: 1;
-    max-width: 50%;
 }
 
 .diskLight {
     margin: 5px;
     background-image: url(../../../css/red-off-16.png);
+    background-size: 16px 16px;
     flex-shrink: 0;
     width: 16px;
     height: 16px;
@@ -27,3 +27,12 @@
     white-space: nowrap;
     flex-grow: 1;
 }
+
+@media only screen and (min-resolution: 1.25dppx) {
+    .diskLight {
+        background-image: url(../../../css/red-off-32.png);
+    }
+    .diskLight.on {
+        background-image: url(../../../css/red-on-32.png);
+    }
+}

js/components/css/Drives.module.css

@@ -0,0 +1,10 @@
+.drives {
+    display: flex;
+    width: 100%;
+}
+
+.driveBay {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 50%;
+}

js/components/css/Inset.module.css

@@ -11,7 +11,6 @@
     display: none;
 }
 
-
 .inset button {
     min-width: 36px;
     margin: 0 2px;

js/components/css/ProgressModal.module.css

@@ -0,0 +1,10 @@
+.progressContainer {
+    width: 320px;
+    height: 20px;
+    background: #000
+}
+
+.progressBar {
+    height: 20px;
+    background: #0f0;
+}