From aece7dba97856075be5251774d1baeae1a8c02ef Mon Sep 17 00:00:00 2001
From: huaiyuan <1029848564@qq.com>
Date: Wed, 30 Oct 2024 21:14:44 +0800
Subject: [PATCH] fix: q-scroll-area add height

---
 package.json                      |  2 +-
 packages/ScrollArea/src/index.vue | 18 ++++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index f3db537..d4d78e1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bytetrade/ui",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/packages/ScrollArea/src/index.vue b/packages/ScrollArea/src/index.vue
index 8880299..c04cf21 100644
--- a/packages/ScrollArea/src/index.vue
+++ b/packages/ScrollArea/src/index.vue
@@ -1,17 +1,19 @@
 <template>
-	<q-scroll-area 
-		ref="scrollRef" 
+	<q-scroll-area
+		ref="scrollRef"
 		v-bind="$attrs"
-		:thumb-style="$attrs['thumb-style'] ? $attrs['thumb-style'] : scrollBarStyle.thumbStyle"
+		:thumb-style="
+			$attrs['thumb-style'] ? $attrs['thumb-style'] : scrollBarStyle.thumbStyle
+		"
 	>
 		<slot />
 	</q-scroll-area>
 </template>
 
 <script setup lang="ts">
-import { ref }  from 'vue'
+import { ref } from 'vue';
 
-const scrollRef = ref()
+const scrollRef = ref();
 
 const scrollBarStyle = ref({
 	contentStyle: {},
@@ -21,15 +23,15 @@ const scrollBarStyle = ref({
 		borderRadius: '3px',
 		backgroundColor: '#BCBDBE',
 		width: '6px',
+		height: '6px',
 		opacity: '1'
 	}
 });
-
 </script>
 
 <script lang="ts">
-import { defineComponent } from "vue";
+import { defineComponent } from 'vue';
 export default defineComponent({
-	name: "BtScrollArea"
+	name: 'BtScrollArea'
 });
 </script>