fix: refs #6769 Requested changes

src/css/app.scss

@@ -209,6 +209,31 @@ input::-webkit-inner-spin-button {
     max-width: 100%;
 }
 
+.q-table__container {
+    /* ===== Scrollbar CSS ===== /
+    / Firefox */
+
+    * {
+        scrollbar-width: auto;
+        scrollbar-color: var(--vn-label-color) transparent;
+    }
+
+    /* Chrome, Edge, and Safari */
+    *::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+    }
+
+    *::-webkit-scrollbar-thumb {
+        background-color: var(--vn-label-color);
+        border-radius: 10px;
+    }
+
+    *::-webkit-scrollbar-track {
+        background: transparent;
+    }
+}
+
 .q-table {
     thead,
     tbody {

src/pages/Item/Card/ItemDiary.vue

@@ -115,7 +115,7 @@ const getBadgeAttrs = (_date) => {
 
 const scrollToToday = async () => {
     await nextTick();
-    const today = new Date();
+    const today = Date.vnNew();
     today.setHours(0, 0, 0, 0);
     const todayCell = document.querySelector(`td[data-date="${today.toISOString()}"]`);
     if (todayCell) {