From 9e2f119b7e21339e7b1b01f6002f130e3dafd4dc Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 7 Aug 2024 19:28:42 +0200
Subject: [PATCH] chore: update CandleChart component styles

---
 src/components.d.ts                   | 1 +
 src/components/charts/CandleChart.vue | 8 ++------
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components.d.ts b/src/components.d.ts
index af991419..4c3c51d7 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -22,6 +22,7 @@ declare module 'vue' {
     BaseAlert: typeof import('./components/general/BaseAlert.vue')['default']
     BAvatar: typeof import('bootstrap-vue-next')['BAvatar']
     BButton: typeof import('bootstrap-vue-next')['BButton']
+    BCard: typeof import('bootstrap-vue-next')['BCard']
     BCollapse: typeof import('bootstrap-vue-next')['BCollapse']
     BDropdown: typeof import('bootstrap-vue-next')['BDropdown']
     BDropdownDivider: typeof import('bootstrap-vue-next')['BDropdownDivider']
diff --git a/src/components/charts/CandleChart.vue b/src/components/charts/CandleChart.vue
index 18e76035..e8be6bec 100644
--- a/src/components/charts/CandleChart.vue
+++ b/src/components/charts/CandleChart.vue
@@ -720,16 +720,12 @@ watch(
 </script>
 
 <template>
-  <div class="chart-wrapper">
+  <div class="h-100 w-100">
     <ECharts v-if="hasData" ref="candleChart" :theme="theme" autoresize manual-update />
   </div>
 </template>
 
-<style scoped>
-.chart-wrapper {
-  width: 100%;
-  height: 100%;
-}
+<style scoped lang="scss">
 .echarts {
   width: 100%;
   min-height: 200px;