@timus-networks/theme 2.4.51 → 2.4.54

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.51",
+  "version": "2.4.54",
   "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.51";
+const version = "2.4.54";
 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/public/scss/element-plus/common/var.scss

@@ -557,7 +557,7 @@ $messagebox: map.merge(
   (
     'title-color': getCssVar('text-color-primary'),
     'width': 420px,
-    'border-radius': 4px,
+    'border-radius': 16px,
     'box-shadow': getCssVar('box-shadow'),
     'font-size': getCssVar('font-size-large'),
     'content-font-size': getCssVar('font-size-base'),

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

@@ -10364,7 +10364,7 @@ heights > $common-component-size
 .el-message-box {
   --el-messagebox-title-color: var(--el-text-color-primary);
   --el-messagebox-width: 420px;
-  --el-messagebox-border-radius: 4px;
+  --el-messagebox-border-radius: 16px;
   --el-messagebox-box-shadow: var(--el-box-shadow);
   --el-messagebox-font-size: var(--el-font-size-large);
   --el-messagebox-content-font-size: var(--el-font-size-base);

package/dist/runtime/public/scss/element-plus/message-box.css

@@ -340,7 +340,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-message-box {
   --el-messagebox-title-color: var(--el-text-color-primary);
   --el-messagebox-width: 420px;
-  --el-messagebox-border-radius: 4px;
+  --el-messagebox-border-radius: 16px;
   --el-messagebox-box-shadow: var(--el-box-shadow);
   --el-messagebox-font-size: var(--el-font-size-large);
   --el-messagebox-content-font-size: var(--el-font-size-base);

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

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --font-size: 1em;
   --border-width: 1px;
@@ -1247,24 +1248,27 @@ body {
   width: 24px;
 }
 
-::-webkit-scrollbar {
+.el-main {
+  overflow: hidden scroll;
+  position: relative; /* scrollbar'ın absolute pozisyonu için gerekli */
+}
+.el-main::-webkit-scrollbar {
+  position: absolute;
+  right: 0;
   width: 8px;
+  z-index: 1000; /* içeriğin üzerinde durması için */
 }
-
-/* background of the scrollbar except button or resizer */
-::-webkit-scrollbar-track {
-  background-color: rgba(255, 255, 255, 0.01);
-  border-radius: 10px;
+.el-main::-webkit-scrollbar-track {
+  background: transparent;
 }
-
-/* scrollbar itself */
-::-webkit-scrollbar-thumb {
+.el-main::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 4px;
+  transition: background-color 0.3s ease;
+}
+.el-main::-webkit-scrollbar-thumb:hover {
   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;
+.el-main:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.01);
 }

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

@@ -60,28 +60,36 @@ body {
   }
 }
 
-// SCROLLBAR
-::-webkit-scrollbar {
-  width: 8px;
-}
+.el-main {
+  $neutral-light-2: map.get(map.get($theme, 'light'), '2');
+  $neutral-light-3: map.get(map.get($theme, 'light'), '3');
+  overflow: hidden scroll;
+  position: relative; /* scrollbar'ın absolute pozisyonu için gerekli */
 
-$neutral-light-2: map.get(map.get($theme, 'light'), '2');
-$neutral-light-3: map.get(map.get($theme, 'light'), '3');
+  &::-webkit-scrollbar {
+    position: absolute;
+    right: 0;
+    width: 8px;
+    z-index: 1000; /* içeriğin üzerinde durması için */
+  }
 
-/* background of the scrollbar except button or resizer */
-::-webkit-scrollbar-track {
-  background-color: $neutral-light-2;
-  border-radius: 10px;
-}
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
 
-/* scrollbar itself */
-::-webkit-scrollbar-thumb {
-  background-color: $neutral-light-3;
-  border: 2px solid $neutral-light-3;
-  border-radius: 10px;
-}
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0%);
+    border-radius: 4px;
+    transition: background-color 0.3s ease;
 
-/* set button(top and bottom of the scrollbar) */
-::-webkit-scrollbar-button {
-  display: none;
+    &:hover {
+      background-color: $neutral-light-3;
+    }
+  }
+
+  &:hover {
+    &::-webkit-scrollbar-thumb {
+      background-color: $neutral-light-2;
+    }
+  }
 }

package/package.json

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