fix: q-scroll-area add height

beclab · Oct 30, 2024 · aece7db · aece7db
1 parent fe0216c
commit aece7db
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git 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
@@ -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>