From 2db0f1a6c8332f5efbf42a9aeae9f55007c810b9 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 16 Jul 2023 16:36:47 +0800
Subject: [PATCH] code refactor

---
 src/styles/desktop/global.scss                   | 4 ++++
 src/views/desktop/ExchangeRatesPage.vue          | 6 +-----
 src/views/desktop/statistics/TransactionPage.vue | 6 +-----
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/styles/desktop/global.scss b/src/styles/desktop/global.scss
index 12230e02..d5778f1c 100644
--- a/src/styles/desktop/global.scss
+++ b/src/styles/desktop/global.scss
@@ -85,6 +85,10 @@ input[type=number] {
     min-inline-size: 100%;
 }
 
+.w-100-window-container.v-window > .v-window__container {
+    width: 100%;
+}
+
 /** Common class for replacing the default style of vuetify **/
 .v-table {
     th {
diff --git a/src/views/desktop/ExchangeRatesPage.vue b/src/views/desktop/ExchangeRatesPage.vue
index d9170bea..f5998f60 100644
--- a/src/views/desktop/ExchangeRatesPage.vue
+++ b/src/views/desktop/ExchangeRatesPage.vue
@@ -48,7 +48,7 @@
                         </div>
                     </div>
 
-                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition exchange-rates-container" v-model="activeTab">
+                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition w-100-window-container" v-model="activeTab">
                         <v-window-item value="exchangeRatesPage">
                             <v-card variant="flat">
                                 <template #title>
@@ -212,10 +212,6 @@ export default {
 </script>
 
 <style>
-.exchange-rates-container.v-window > .v-window__container {
-    width: 100%;
-}
-
 .exchange-rates-summary-skeleton .v-skeleton-loader__text {
     margin: 0;
 }
diff --git a/src/views/desktop/statistics/TransactionPage.vue b/src/views/desktop/statistics/TransactionPage.vue
index 15b722cf..af3047c7 100644
--- a/src/views/desktop/statistics/TransactionPage.vue
+++ b/src/views/desktop/statistics/TransactionPage.vue
@@ -30,7 +30,7 @@
                             </v-tab>
                         </v-tabs>
                     </div>
-                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition statistics-container" v-model="activeTab">
+                    <v-window class="d-flex flex-grow-1 ml-md-5 disable-tab-transition w-100-window-container" v-model="activeTab">
                         <v-window-item value="statisticsPage">
                             <v-card variant="flat">
                                 <template #title>
@@ -635,10 +635,6 @@ export default {
 </script>
 
 <style>
-.statistics-container.v-window > .v-window__container {
-    width: 100%;
-}
-
 .statistics-toolbar {
     overflow-x: auto;
     white-space: nowrap;