Added new case icons & text font correction

plugins/dynamix/include/SelectCase.php

@@ -33,9 +33,10 @@ $casemodel = $exist ? file_get_contents("$boot/$file") : '';
 <link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-popup.css")?>">
 <link type="text/css" rel="stylesheet" href="<?autov("/webGui/styles/default-cases.css")?>">
 <style>
-div.case-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;height:96px;width:96px;text-align:center}
-div.case-list i{width:auto;max-width:96px;height:96px;font-size:96px;}
+div.case-list{float:left;padding:10px;margin-right:10px;margin-bottom:30px;height:88px;width:88px;text-align:center}
+div.case-list i{width:auto;max-width:88px;height:88px;font-size:88px;}
 div.case-list:hover{color:#f0000c}
+div.case-name{margin-top:8px;font-family:clear-sans}
 </style>
 <script src="<?autov('/webGui/javascript/dynamix.js')?>"></script>
 <script>
@@ -52,7 +53,7 @@ sort($models);
 foreach ($models as $model) {
   $name = substr($model,5);
   $select = $name==$casemodel ? 'color:#e68a00' : '';
-  echo "<a style='text-decoration:none;cursor:pointer;$select' onclick='setCase(\"$name\")'><div class='case-list' id='$name'><i class='$model'></i><br>$name</div></a>";
+  echo "<a style='text-decoration:none;cursor:pointer;$select' onclick='setCase(\"$name\")'><div class='case-list' id='$name'><i class='$model'></i><div class='case-name'>$name</div></div></a>";
 }
 ?>
 </div>

plugins/dynamix/styles/default-cases.css

@@ -1,6 +1,12 @@
 @font-face{font-family:cases;font-weight:normal;font-style:normal;
-src:url('font-cases.eot?20181216');src:url('font-cases.eot?20181216#iefix') format('embedded-opentype'),url('font-cases.ttf?20181216') format('truetype'),url('font-cases.woff?20181216') format('woff'),url('font-cases.svg?20181216#cases') format('svg')}
+src:url('font-cases.eot?20190111');src:url('font-cases.eot?20190111#iefix') format('embedded-opentype'),url('font-cases.ttf?20190111') format('truetype'),url('font-cases.woff?20190111') format('woff'),url('font-cases.svg?20190111#cases') format('svg')}
 [class^='case-'],[class*=' case-']{font-family:cases!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none}
+.case-full-tower:before{content:'\e914'}
+.case-htpc:before{content:'\e915'}
+.case-mid-tower:before{content:'\e916'}
+.case-mini-tower:before{content:'\e917'}
+.case-sff:before{content:'\e918'}
+.case-v350:before{content:'\e919'}
 .case-nova-x2m:before{content:'\e90f'}
 .case-mercury-s8:before{content:'\e910'}
 .case-core-wp200:before{content:'\e911'}
@@ -20,4 +26,4 @@ src:url('font-cases.eot?20181216');src:url('font-cases.eot?20181216#iefix') form
 .case-2u-disks:before{content:'\e90b'}
 .case-2u-vents:before{content:'\e90c'}
 .case-1u-disks:before{content:'\e90d'}
-.case-1u-vents:before{content:'\e90e'}
+.case-1u-vents:before{content:'\e90e'}