update NPM dependencies, fix keyboard shortcut overlay dark mode, ign…

…ore package-lock.json in git export
opcodesio · Aug 23, 2024 · 12523da · 12523da
1 parent 6dac1b0
commit 12523da
Show file tree

Hide file tree

Showing 9 changed files with 1,561 additions and 1,309 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -15,5 +15,6 @@
 /psalm.xml.dist     export-ignore
 /testbench.yaml     export-ignore
 /UPGRADING.md       export-ignore
+/package-lock.json  export-ignore
 /phpstan.neon.dist  export-ignore
 /phpstan-baseline.neon  export-ignore
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/app.css b/public/app.css
diff --git a/public/app.js b/public/app.js
diff --git a/public/app.js.LICENSE.txt b/public/app.js.LICENSE.txt
@@ -5,6 +5,12 @@
  * @license  MIT
  */
 
+/*!
+ * pinia v2.2.2
+ * (c) 2024 Eduardo San Martin Morote
+ * @license MIT
+ */
+
 /*! #__NO_SIDE_EFFECTS__ */
 
 /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
@@ -19,3 +25,9 @@
  * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
+
+/**
+* @vue/shared v3.4.38
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
-    "/app.js": "/app.js?id=0148b95eba6dc928019bb19168dd0247",
-    "/app.css": "/app.css?id=12c5e78a91987c11d8a0cc04436541e9",
+    "/app.js": "/app.js?id=6c51578cafcbf2f5e90fbf568a61ab8f",
+    "/app.css": "/app.css?id=5593a0331dd40729ff41e32a6035d872",
     "/img/log-viewer-128.png": "/img/log-viewer-128.png?id=d576c6d2e16074d3f064e60fe4f35166",
     "/img/log-viewer-32.png": "/img/log-viewer-32.png?id=f8ec67d10f996aa8baf00df3b61eea6d",
     "/img/log-viewer-64.png": "/img/log-viewer-64.png?id=8902d596fc883ca9eb8105bb683568c6"

diff --git a/resources/css/app.scss b/resources/css/app.scss
@@ -522,7 +522,9 @@ html.dark {
         @apply outline-none ring-1 ring-brand-500 ring-opacity-50 dark:ring-brand-700 dark:ring-opacity-50;
     }
 
-    transform-origin: top right !important;
+    & {
+        transform-origin: top right !important;
+    }
 
     &.up {
         transform-origin: bottom right !important;
@@ -534,7 +536,9 @@ html.dark {
 
     &.left {
         @apply left-1 right-auto;
-        transform-origin: top left !important;
+        & {
+            transform-origin: top left !important;
+        }
 
         &.up {
             transform-origin: bottom left !important;
@@ -684,9 +688,9 @@ button.button:hover, a.button:hover {
 }
 
 .keyboard-shortcut {
-    @apply text-sm flex items-center justify-start mb-3 w-full text-gray-600 dark:text-gray-400;
+    @apply text-sm flex items-center justify-start mb-3 w-full text-gray-600 dark:text-gray-300;
 
     .shortcut {
-        @apply font-mono text-base inline-flex w-6 h-6 mr-2 items-center justify-center rounded border border-gray-400 dark:border-gray-600 ring-1 ring-gray-100 dark:ring-gray-900;
+        @apply font-mono text-base dark:text-gray-300 inline-flex w-6 h-6 mr-2 items-center justify-center rounded border border-gray-400 dark:border-gray-500 ring-1 ring-gray-100 dark:ring-gray-900;
     }
 }
diff --git a/resources/js/components/KeyboardShortcutsOverlay.vue b/resources/js/components/KeyboardShortcutsOverlay.vue
@@ -19,9 +19,9 @@
                 <div class="flex h-full flex-col overflow-y-scroll bg-white py-6 shadow-xl dark:bg-gray-700">
                   <div class="px-4 sm:px-6">
                     <div class="flex items-start justify-between">
-                      <DialogTitle class="text-base font-semibold leading-6 text-gray-900">Keyboard Shortcuts</DialogTitle>
+                      <DialogTitle class="text-base font-semibold leading-6 text-gray-900 dark:text-gray-100">Keyboard Shortcuts</DialogTitle>
                       <div class="ml-3 flex h-7 items-center">
-                        <button type="button" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2" @click="logViewerStore.helpSlideOverOpen = false">
+                        <button type="button" class="rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 dark:text-gray-400 dark:hover:text-gray-300 focus:outline-none focus:ring-2 focus:ring-brand-500 dark:focus:ring-brand-300 focus:ring-offset-2" @click="logViewerStore.helpSlideOverOpen = false">
                           <span class="sr-only">Close panel</span>
                           <XMarkIcon class="h-6 w-6" aria-hidden="true" />
                         </button>

diff --git a/webpack.mix.js b/webpack.mix.js
@@ -23,6 +23,9 @@ mix.options({
                 '@': path.resolve(__dirname, 'resources/js/'),
             },
         },
+        // stats: {
+        //     children: true,
+        // }
     });
 
 mix.disableSuccessNotifications();