@timus-networks/theme 2.4.28 → 2.4.31

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.28",
+  "version": "2.4.31",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.28";
+const version = "2.4.31";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/composables/useBreadcrumb.mjs

@@ -29,7 +29,7 @@ export function useBreadcrumb() {
       const found = tabList.value.find((item) => item === (tab || route.query.tab));
       activeTab.value = found || tabList.value[0];
       initial && tabChanged({ paneName: activeTab.value });
-    }, 50);
+    }, 111);
   };
   const setupBreadcrumbs = (tabs) => {
     console.log("CpMS");

package/dist/runtime/public/scss/element-plus/index.css

@@ -9814,6 +9814,7 @@ heights > $common-component-size
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
   border-bottom: 1px solid transparent;
+  line-height: normal;
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);
@@ -10017,6 +10018,7 @@ heights > $common-component-size
   overflow: auto;
   box-sizing: border-box;
   padding: var(--el-main-padding);
+  justify-content: flex-start;
 }
 
 :root {

package/dist/runtime/public/scss/element-plus/link.css

@@ -325,6 +325,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
   border-bottom: 1px solid transparent;
+  line-height: normal;
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);

package/dist/runtime/public/scss/element-plus/link.scss

@@ -25,6 +25,7 @@
   font-weight: getCssVar('link', 'font-weight');
   color: getCssVar('link', 'text-color');
   border-bottom: 1px solid transparent;
+  line-height: normal;
 
   &:hover {
     color: getCssVar('link', 'hover-text-color');

package/dist/runtime/public/scss/element-plus/main.css

@@ -308,4 +308,5 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   overflow: auto;
   box-sizing: border-box;
   padding: var(--el-main-padding);
+  justify-content: flex-start;
 }

package/dist/runtime/public/scss/element-plus/main.scss

@@ -11,4 +11,5 @@
   overflow: auto;
   box-sizing: border-box;
   padding: getCssVar('main-padding');
+  justify-content: flex-start;
 }

package/dist/runtime/public/scss/theme.css

@@ -1222,10 +1222,12 @@ body {
 
 .page-footer {
   align-items: center;
+  border-top: 1px solid var(--el-color-neutral-light-3);
   display: flex;
   gap: 30px;
   justify-content: center;
-  padding: 8px 0;
+  margin-top: 24px;
+  padding: 24px 0 8px;
 }
 .page-footer .el-button {
   flex-basis: 100%;
@@ -1247,4 +1249,39 @@ body {
 .layout-leave-to {
   opacity: 0;
   transition: opacity 0.4s;
+}
+
+.el-icon.more-icon {
+  align-items: center;
+  color: var(--el-color-neutral-light-3);
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.el-icon.more-icon svg {
+  height: 20px;
+  width: 24px;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+/* background of the scrollbar except button or resizer */
+::-webkit-scrollbar-track {
+  background-color: rgba(255, 255, 255, 0.01);
+  border-radius: 10px;
+}
+
+/* scrollbar itself */
+::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.01);
+  border: 2px solid rgba(255, 255, 255, 0.01);
+  border-radius: 10px;
+}
+
+/* set button(top and bottom of the scrollbar) */
+::-webkit-scrollbar-button {
+  display: none;
 }

package/dist/runtime/public/scss/theme.scss

@@ -7,6 +7,8 @@
 @use 'inputs' as *;
 @use 'logo' as *;
 @use 'selectbox' as *;
+@use 'sass:map';
+
 // @use 'layers' as *;
 
 // variables.scss dosyasını forward edelim, böylece diğer dosyalar da kullanabilir
@@ -29,10 +31,12 @@ body {
 
 .page-footer {
   align-items: center;
+  border-top: 1px solid var(--el-color-neutral-light-3);
   display: flex;
   gap: 30px;
   justify-content: center;
-  padding: 8px 0;
+  margin-top: 24px;
+  padding: 24px 0 8px;
 
   .el-button {
     flex-basis: 100%;
@@ -56,3 +60,45 @@ body {
   opacity: 0;
   transition: opacity 0.4s;
 }
+
+.el-icon {
+  &.more-icon {
+    align-items: center;
+    color: var(--el-color-neutral-light-3);
+    display: flex;
+    height: 24px;
+    justify-content: center;
+    width: 24px;
+
+    svg {
+      height: 20px;
+      width: 24px;
+    }
+  }
+}
+
+// SCROLLBAR
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+$neutral-light-2: map.get(map.get($theme, 'light'), '2');
+$neutral-light-3: map.get(map.get($theme, 'light'), '3');
+
+/* background of the scrollbar except button or resizer */
+::-webkit-scrollbar-track {
+  background-color: $neutral-light-2;
+  border-radius: 10px;
+}
+
+/* scrollbar itself */
+::-webkit-scrollbar-thumb {
+  background-color: $neutral-light-3;
+  border: 2px solid $neutral-light-3;
+  border-radius: 10px;
+}
+
+/* set button(top and bottom of the scrollbar) */
+::-webkit-scrollbar-button {
+  display: none;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.28",
+  "version": "2.4.31",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {