From 1321ccaad1c7e0a6a4060f4a999ca502fa2a4eb5 Mon Sep 17 00:00:00 2001
From: alsaze <veselov@alfabit.com>
Date: Wed, 19 Nov 2025 16:32:30 +0300
Subject: [PATCH] init

---
 assets/scss/main.scss  | 22 ----------------------
 components/UiTable.vue |  7 ++++---
 pages/index.vue        |  2 +-
 3 files changed, 5 insertions(+), 26 deletions(-)

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index f149434..42e4bb7 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -1,25 +1,3 @@
-//скроллбар
-::-webkit-scrollbar {
-  width: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb {
-  background: rgba(128, 128, 128, 0.5);
-  border-radius: 4px;
-  border: 2px solid transparent;
-  background-clip: padding-box;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: rgba(128, 128, 128, 0.7);
-  background-clip: padding-box;
-}
-
 * {
   scrollbar-width: thin;
   scrollbar-color: rgba(128, 128, 128, 0.5) transparent;
diff --git a/components/UiTable.vue b/components/UiTable.vue
index af9af5e..07947fa 100644
--- a/components/UiTable.vue
+++ b/components/UiTable.vue
@@ -2,6 +2,7 @@
   <div
     ref="tableContainerRef"
     class="table-wrapper"
+    :style="{ height, width }"
   >
     <div :style="{ height: `${totalSize}px` }">
       <table>
@@ -67,6 +68,8 @@ import { useVirtualizer } from '@tanstack/vue-virtual'
 const props = defineProps<{
   tableData: any[]
   columns: ColumnDef<any>[]
+  height: string
+  width: string
 }>()
 
 const table = useVueTable({
@@ -112,9 +115,7 @@ function measureElement(el?: Element) {
   position: relative;
   margin-top: calc(40px + 10px);
   border-radius: 14px;
-  overflow-y: auto;
-  height: 600px;
-  scrollbar-width: thin;
+  overflow: auto;
 
   @include mobile {
     height: 500px;
diff --git a/pages/index.vue b/pages/index.vue
index eaff40e..cede35d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -11,7 +11,7 @@
       />
     </div>
 
-    <UiTable :table-data="tableData" :columns="columns" />
+    <UiTable :table-data="tableData" :columns="columns" height="600px" width="600px" />
 
     <UserModal v-model:model-value="open" :selected-user="selectedUser" />
   </div>