pinokiod 0.1.30 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "0.1.30",
+  "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(200,0,0, 0.04);
+  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;
@@ -968,7 +975,10 @@ body.dark .btn {
   text-decoration: none;
   padding: 10px;
   border-radius: 3px;
+  background: black;
+  /*
   background: var(--light-btn-bg);
+  */
   color: white;
   font-size: 12px;
   /*
@@ -1061,14 +1071,18 @@ body.dark .swal2-popup {
   letter-spacing: -1px !important;
   font-size: 30px !important;
   padding: 20px !important;
+  /*
   background: rgba(0,0,200,0.04);
+  */
 }
 .swal2-actions {
   width: 100% !important;
   justify-content: flex-end !important;
   margin: 0 !important;
   padding: 10px 20px !important;
+  /*
   background: rgba(0,0,200,0.04);
+  */
 }
 .swal2-modal  {
   padding: 0 !important;
@@ -1350,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);
   */
 }
 
@@ -1360,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/browser.ejs

@@ -35,7 +35,9 @@ body {
   flex-grow: 1;
 }
 body aside {
+/*
   background: var(--light-bg);
+  */
   border-right: 1px solid rgba(0,0,0,0.04);
   height: 100%;
 }
@@ -220,12 +222,11 @@ body.dark nav {
 }
 */
 nav {
+  background: white;
   padding: 5px;
   cursor: grab !important;
   -webkit-app-region: drag !important;
-  /*
   border-bottom: 1px solid rgba(0,0,0,0.04);
-  */
   box-sizing: border-box;
 }
 nav .btn2 {

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'>