@timus-networks/theme 2.4.185 → 2.4.188

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.184",
+  "version": "2.4.187",
   "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.184";
+const version = "2.4.187";
 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/assets/scss/main.css

@@ -1246,6 +1246,7 @@ body {
   display: flex;
   gap: 28px;
   justify-content: center;
+  margin-top: 16px;
 }
 .page-footer .el-button {
   flex-basis: 100%;
@@ -1298,6 +1299,10 @@ body {
   width: 20px;
 }
 
+.el-table + .el-pagination {
+  margin-top: 16px;
+}
+
 :root {
   --el-color-white: #ffffff;
   --el-color-black: #000000;
@@ -1733,7 +1738,7 @@ body {
 .el-alert__content {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 8px;
 }
 
 .el-alert .el-alert__icon {
@@ -12430,11 +12435,6 @@ heights > $common-component-size
   outline-offset: -1px;
 }
 
-.el-table + .el-pagination {
-  margin-top: 16px;
-  border: 1px solid red;
-}
-
 .el-popconfirm__main {
   display: flex;
   align-items: center;
@@ -15058,14 +15058,13 @@ heights > $common-component-size
 }
 .el-table .el-table__cell:last-of-type .cell {
   padding-right: 0;
-  padding-left: 0;
+  padding-left: 12px;
 }
 .el-table .cell {
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
-  margin-left: 12px;
   padding-left: 12px;
   align-items: center;
   gap: 2px;

package/dist/runtime/components/development/example.table.vue

@@ -197,7 +197,7 @@
 </template>
 <script lang="ts" setup>
   import { ElTable } from 'element-plus';
-  import { ref } from 'vue';
+  import { reactive, ref, toRefs } from 'vue';
 
   interface User {
     date: string;
@@ -232,7 +232,7 @@
     },
   });
 
-  const { current_page, size, page_size, disabled, background, handleSizeChange, handleCurrentChange } = toRefs(paginationState);
+  const { current_page, page_size, disabled, background, handleSizeChange, handleCurrentChange } = toRefs(paginationState);
 
   const tableData: User[] = [
     {

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

@@ -473,7 +473,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-alert__content {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 8px;
 }
 
 .el-alert .el-alert__icon {

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

@@ -104,7 +104,7 @@
   @include e(content) {
     display: flex;
     flex-direction: column;
-    gap: 4px;
+    gap: 8px;
   }
 
   & .#{$namespace}-alert__icon {

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

@@ -735,7 +735,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-alert__content {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 8px;
 }
 
 .el-alert .el-alert__icon {
@@ -11543,11 +11543,6 @@ h6,
   outline-offset: -1px;
 }
 
-.el-table + .el-pagination {
-  margin-top: 16px;
-  border: 1px solid red;
-}
-
 .el-popconfirm__main {
   display: flex;
   align-items: center;
@@ -14171,14 +14166,13 @@ h6,
 }
 .el-table .el-table__cell:last-of-type .cell {
   padding-right: 0;
-  padding-left: 0;
+  padding-left: 12px;
 }
 .el-table .cell {
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
-  margin-left: 12px;
   padding-left: 12px;
   align-items: center;
   gap: 2px;

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

@@ -591,9 +591,4 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-pager li:focus-visible {
   outline: 1px solid var(--el-pagination-hover-color);
   outline-offset: -1px;
-}
-
-.el-table + .el-pagination {
-  margin-top: 16px;
-  border: 1px solid red;
 }

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

@@ -253,8 +253,3 @@
     @include pagination-button;
   }
 }
-
-.el-table + .el-pagination {
-  margin-top: 16px;
-  border: 1px solid red;
-}

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

@@ -466,14 +466,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-table .el-table__cell:last-of-type .cell {
   padding-right: 0;
-  padding-left: 0;
+  padding-left: 12px;
 }
 .el-table .cell {
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-wrap: break-word;
-  margin-left: 12px;
   padding-left: 12px;
   align-items: center;
   gap: 2px;

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

@@ -218,7 +218,8 @@
     &:last-of-type {
       .cell {
         padding-right: 0;
-        padding-left: 0;
+        // padding-left: 0;
+        padding-left: 12px;
       }
     }
   }
@@ -229,7 +230,7 @@
     text-overflow: ellipsis;
     overflow-wrap: break-word;
     // padding: 0 12px 0 0;
-    margin-left: 12px;
+    // margin-left: 12px;
     padding-left: 12px;
     align-items: center;
     // display: flex; // bunu eklersem truncate etmiyor o yüzden aşağıdaki line-height: 1 i ekledim çözüldü

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

@@ -1241,6 +1241,7 @@ body {
   display: flex;
   gap: 28px;
   justify-content: center;
+  margin-top: 16px;
 }
 .page-footer .el-button {
   flex-basis: 100%;
@@ -1291,4 +1292,8 @@ body {
 .el-icon.more-icon svg {
   height: 20px;
   width: 20px;
+}
+
+.el-table + .el-pagination {
+  margin-top: 16px;
 }

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

@@ -35,6 +35,7 @@ body {
   display: flex;
   gap: 28px;
   justify-content: center;
+  margin-top: 16px;
 
   .el-button {
     flex-basis: 100%;
@@ -61,3 +62,9 @@ body {
     }
   }
 }
+
+.el-table {
+  + .el-pagination {
+    margin-top: 16px;
+  }
+}

package/package.json

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