refactor(multi): refactored banner and tables

DeepKumbhare85 · DeepKumbhare85 · commit e5392367dbc1 · 2023-06-01T10:49:36.000+05:30
diff --git a/typescript-version/src/@core/scss/template/libs/vuetify/_overrides.scss b/typescript-version/src/@core/scss/template/libs/vuetify/_overrides.scss
@@ -192,12 +192,4 @@ $alert-prepend-icon-font-size: 1.125rem !important;
       text-align: start !important;
     }
   }
-
-  td {
-    text-align: center !important;
-
-    &:first-child {
-      text-align: start !important;
-    }
-  }
 }
diff --git a/typescript-version/src/assets/images/pro/upgrade-banner-dark.png b/typescript-version/src/assets/images/pro/upgrade-banner-dark.png
diff --git a/typescript-version/src/views/pages/account-settings/AccountSettingsNotification.vue b/typescript-version/src/views/pages/account-settings/AccountSettingsNotification.vue
@@ -112,3 +112,11 @@ const selectedNotification = ref('Only when I\'m online')
     </VCardText>
   </VCard>
 </template>
+
+<style lang="scss" scoped>
+.v-table {
+  th {
+    text-align: start !important;
+  }
+}
+</style>
diff --git a/typescript-version/src/views/pages/tables/DemoSimpleTableBasics.vue b/typescript-version/src/views/pages/tables/DemoSimpleTableBasics.vue
@@ -68,16 +68,16 @@ const desserts = [
         <td>
           {{ item.dessert }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.calories }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.fat }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.carbs }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.protein }}
         </td>
       </tr>
diff --git a/typescript-version/src/views/pages/tables/DemoSimpleTableDensity.vue b/typescript-version/src/views/pages/tables/DemoSimpleTableDensity.vue
@@ -68,16 +68,16 @@ const desserts = [
         <td>
           {{ item.dessert }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.calories }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.fat }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.carbs }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.protein }}
         </td>
       </tr>
diff --git a/typescript-version/src/views/pages/tables/DemoSimpleTableFixedHeader.vue b/typescript-version/src/views/pages/tables/DemoSimpleTableFixedHeader.vue
@@ -71,16 +71,16 @@ const desserts = [
         <td>
           {{ item.dessert }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.calories }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.fat }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.carbs }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.protein }}
         </td>
       </tr>
diff --git a/typescript-version/src/views/pages/tables/DemoSimpleTableHeight.vue b/typescript-version/src/views/pages/tables/DemoSimpleTableHeight.vue
@@ -68,16 +68,16 @@ const desserts = [
         <td>
           {{ item.dessert }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.calories }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.fat }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.carbs }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.protein }}
         </td>
       </tr>
diff --git a/typescript-version/src/views/pages/tables/DemoSimpleTableTheme.vue b/typescript-version/src/views/pages/tables/DemoSimpleTableTheme.vue
@@ -42,7 +42,7 @@ const desserts = [
   <VTable theme="dark">
     <thead>
       <tr>
-        <th class="text-uppercase">
+        <th>
           Desserts (100g Servings)
         </th>
         <th class="text-uppercase">
@@ -65,19 +65,19 @@ const desserts = [
         v-for="item in desserts"
         :key="item.dessert"
       >
-        <td>
+        <td class="text-center">
           {{ item.dessert }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.calories }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.fat }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.carbs }}
         </td>
-        <td>
+        <td class="text-center">
           {{ item.protein }}
         </td>
       </tr>

Original file line number	Diff line number	Diff line change
`@@ -192,12 +192,4 @@ $alert-prepend-icon-font-size: 1.125rem !important;`
`192`	`192`	`text-align: start !important;`
`193`	`193`	`}`
`194`	`194`	`}`
`195`		`-`
`196`		`- td {`
`197`		`- text-align: center !important;`
`198`		`-`
`199`		`- &:first-child {`
`200`		`- text-align: start !important;`
`201`		`- }`
`202`		`- }`
`203`	`195`	`}`