pinokiod 0.1.31 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/public/style.css

@@ -783,7 +783,10 @@ body.dark .line {
   border-bottom: 1px solid var(--dark-thin);
 }
 body.dark .line.selected {
+/*
   background: rgba(0,0,0, 0.2);
+  */
+  border-left: 6px solid white;
 }
 body.dark .line:hover {
   background: rgba(0,0,0, 0.2);
@@ -792,8 +795,10 @@ body.dark .line:hover {
   background: rgba(200,0,0, 0.04);
 }
 .line.selected {
-  border-left: 6px solid gold;
-  background: rgba(0,0,250, 0.03);
+  border-left: 6px solid black;
+  /*
+  background: rgba(0,0,100, 0.03);
+  */
 }
 .line {
   text-decoration: none;
@@ -824,9 +829,11 @@ body.dark a.line {
 a.line {
   color: var(--light-color);
 }
+/*
 body.dark .line i {
   color: var(--dark-link-color);
 }
+*/
 .line .title i {
 /*
   color: #54aeff;
@@ -1357,7 +1364,7 @@ body.dark .header-label {
   top: 0;
   padding: 10px;
   /*
-  border-top: 5px solid rgba(0,0,0,0.04);
+  border-top: 2px solid rgba(0,0,0,0.04);
   */
 }
 
@@ -1367,14 +1374,33 @@ nav.error-message {
   color: rgba(0,0,0,0.7);
   font-weight: bold;
 }
+.not-running-apps {
+}
 /*
 .running-apps {
   background: rgba(255,215, 0, 0.2);
 }
 */
+.running-apps {
+/*
+  background: rgba(255,215,0,0.03);
+  */
+}
+/*
+.running-apps .description {
+  color: yellowgreen;
+}
+.running-apps .title {
+  color: yellowgreen;
+}
+*/
 .running-apps .spinner {
   width: 50px;
   text-align: center;
+  font-size: 20px;
+  /*
+  color: yellowgreen;
+  */
 }
 body.dark header .home {
   color: var(--dark-btn-color);

package/server/views/index.ejs

@@ -208,48 +208,26 @@
     </div>
   <% } %>
   <% if (notRunning.length > 0) { %>
-    <div class='header-label'>Not Running</div>
-    <% notRunning.forEach((item) => { %>
-      <a href="<%=item.browser_url%>" data-description="<%=item.description%>" data-index="<%=item.index%>" data-name="<%=item.name%>" data-uri="<%=item.uri%>" class='line align-top'>
-        <h3>
-          <% if (item.icon) { %>
-            <img src="<%=item.icon%>">
-          <% } else { %>
-            <div class='avatar'>
-              <i class="fa-regular fa-circle-dot"></i>
-            </div>
-          <% } %>
-          <div class='col'>
-            <!--<div class='title'><a href="<%=item.browser_url%>"><%=item.name%> <i class="fa-solid fa-angles-right"></i></a></div>-->
-            <div class='title'><%=item.name%></div>
-            <div class='description'><%=item.description%></div>
-            <!--
-            <% if (item.menu && item.menu.length > 0) { %>
-              <div class='btns'>
-                <% if (item.menu) { %>
-                  <% item.menu.forEach((btn) => { %>
-                    <% if (btn.btn) { %>
-                      <% if (btn.target) { %>
-                        <% if (btn.features) { %>
-                          <a target="<%=item.browser_url%>#<%=btn.target%>" href="<%=btn.href%>" features="<%=btn.features%>" class='btn'><%-btn.btn%></a>
-                        <% } else { %>
-                          <a target="<%=item.browser_url%>#<%=btn.target%>" href="<%=btn.href%>" class='btn'><%-btn.btn%></a>
-                        <% } %>
-                      <% } else { %>
-                        <a href="<%=item.browser_url%>#<%=btn.href%>" class='btn'><%-btn.btn%></a>
-                      <% } %>
-                    <% } else if (btn.label) { %>
-                      <label class='btn label'><%-btn.label%></label>
-                    <% } %>
-                  <% }) %>
-                <% } %>
+    <div class='not-running-apps'>
+      <div class='header-label'>Not Running</div>
+      <% notRunning.forEach((item) => { %>
+        <a href="<%=item.browser_url%>" data-description="<%=item.description%>" data-index="<%=item.index%>" data-name="<%=item.name%>" data-uri="<%=item.uri%>" class='line align-top'>
+          <h3>
+            <% if (item.icon) { %>
+              <img src="<%=item.icon%>">
+            <% } else { %>
+              <div class='avatar'>
+                <i class="fa-regular fa-circle-dot"></i>
               </div>
             <% } %>
-            -->
-          </div>
-        </h3>
-      </a>
-    <% }) %>
+            <div class='col'>
+              <div class='title'><%=item.name%></div>
+              <div class='description'><%=item.description%></div>
+            </div>
+          </h3>
+        </a>
+      <% }) %>
+    </div>
   <% } %>
   <% if (running.length === 0 && notRunning.length === 0) { %>
     <div class='placeholder'>