update startup apps

assets/css/style.css

@@ -7,11 +7,25 @@ body * {
     src: url(../font/OpenSans-Regular.ttf) format("truetype");
 }
 
+/*Colors*/
+body {
+    background-color: #202b33;
+    /*background-color: #ecf3f6;*/
+}
+
+.cont,
+.line-cont {
+    background-color: #293945;
+    /*background-color: #dce6ec;*/
+}
+
+
+
+
 body {
     overflow: hidden;
     float: left;
     padding: 10px 0 0 0;
-    background-color: #202b33;
     font-family: 'Open Sans', sans-serif;
     -webkit-user-select: none;
 }
@@ -43,7 +57,6 @@ button {
     font-size: 16px;
     color: white;
     margin: 15px;
-    background-color: #293945;
     padding: 20px 30px 50px 30px;
     font-weight: bold;
 }
@@ -92,15 +105,18 @@ button {
     border: 1px solid #3d474e;
 }
 
-.tdl-holder ul, .tdl-holder li {
+.tdl-holder ul,
+.tdl-holder li {
     list-style: none;
     margin: 0;
-    padding: 0;
+    padding: 0;    
 }
 
 .tdl-holder li {
     border-bottom: 1px solid #3d474e;
     color: #748390;
+    float: left;
+    width: 100%;
 }
 
 .tdl-holder li span {
@@ -167,6 +183,10 @@ button {
   background-position: 186px 15px;
 }
 
+#system-service-table .empty-list,
+#uninstaller-table .empty-list {
+  background-position: 285px 15px;
+}
 
 
 #uninstaller-table,

dist/components/Uninstaller.js

@@ -19,7 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
 exports.default = {
-    template: '<div id="uninstaller-table">\n\t\t\t\t<div id="installed-packages-title">\n\t\t\t\t\t<span style="padding:0;">System Installed Packages ({{ filteredPackages.length }})</span>\n\t\t\t\t\t<input type="text" id="packages-search" v-model="searchString" placeholder="Search..." />\n\t\t\t\t</div>\n\t\t\t\t<div class="tdl-content scroll">\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li v-for="package in filteredPackages" > {{ package }}\n\t\t\t\t\t\t\t<a :name="package" @click="removePackage"></a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>',
+    template: '<div id="uninstaller-table">\n\t\t\t\t<div id="installed-packages-title">\n\t\t\t\t\t<span style="padding:0;">System Installed Packages ({{ filteredPackages.length }})</span>\n\t\t\t\t\t<input type="text" id="packages-search" v-model="searchString" placeholder="Search..." />\n\t\t\t\t</div>\n\t\t\t\t<div class="tdl-content scroll">\n                    <span class="fl w100 empty-list" v-show="! filteredPackages.length" >\n\t\t\t\t\t\tNo package found.\n\t\t\t\t\t</span>\n\t\t\t\t\t<ul v-show="filteredPackages.length">\n\t\t\t\t\t\t<li v-for="package in filteredPackages" > {{ package }}\n\t\t\t\t\t\t\t<a :name="package" @click="removePackage"></a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>',
     data: function data() {
         return {
             packagesList: [],

src/components/Uninstaller.js

@@ -10,7 +10,10 @@ export default {
 					<input type="text" id="packages-search" v-model="searchString" placeholder="Search..." />
 				</div>
 				<div class="tdl-content scroll">
-					<ul>
+                    <span class="fl w100 empty-list" v-show="! filteredPackages.length" >
+						No package found.
+					</span>
+					<ul v-show="filteredPackages.length">
 						<li v-for="package in filteredPackages" > {{ package }}
 							<a :name="package" @click="removePackage"></a>
 						</li>

src/index.js

@@ -9,7 +9,8 @@ new Vue({
         'app': App
     },
     mounted() {
-        setTimeout(() => document.getElementById('loading').remove(), 2000)
+        document.getElementById('loading').remove()
+        // setTimeout(() => document.getElementById('loading').remove(), 2000)
     }
 })