Card titles

guedmhd · Jun 30, 2022 · e284d6c · e284d6c
1 parent c82048a
commit e284d6c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 185 deletions.
diff --git a/src/pages/admin/dashboard/DashboardTable.vue b/src/pages/admin/dashboard/DashboardTable.vue
diff --git a/src/pages/admin/forms/form-elements/FormElements.vue b/src/pages/admin/forms/form-elements/FormElements.vue
@@ -2,7 +2,8 @@
   <div class="form-elements">
     <div class="row">
       <div class="flex xs12">
-        <va-card :title="t('forms.inputs.title')">
+        <va-card>
+          <va-card-title>{{ t("forms.inputs.title") }}</va-card-title>
           <va-card-content>
             <form>
               <div class="row">
@@ -54,7 +55,8 @@
       </div>
 
       <!-- <div class="flex xs12">
-        <va-card :title="t('forms.dateTimePicker.title')">
+        <va-card">
+          <va-card-title>{{ t('forms.dateTimePicker.title') }}</va-card-title>
           <va-card-content>
             <form>
               <div class="row overflow--hidden">
@@ -119,7 +121,8 @@
       </div> -->
 
       <div class="flex xs12">
-        <va-card :title="t('forms.selects.title')">
+        <va-card>
+          <va-card-title>{{ t("forms.selects.title") }}</va-card-title>
           <va-card-content>
             <form>
               <div class="row">
@@ -179,7 +182,8 @@
       </div>
 
       <div class="flex xs12">
-        <va-card :title="t('forms.controls.title')">
+        <va-card>
+          <va-card-title>{{ t("forms.controls.title") }}</va-card-title>
           <va-card-content>
             <form>
               <div class="row">

diff --git a/src/pages/admin/tables/markup-tables/MarkupTables.vue b/src/pages/admin/tables/markup-tables/MarkupTables.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="markup-tables flex">
-    <va-card :title="t('tables.basic')" class="flex mb-4">
+    <va-card class="flex mb-4">
+      <va-card-title>{{ t("tables.basic") }}</va-card-title>
       <va-card-content>
         <div class="table-wrapper">
           <table class="va-table">
@@ -30,7 +31,8 @@
       </va-card-content>
     </va-card>
 
-    <va-card :title="t('tables.stripedHoverable')">
+    <va-card>
+      <va-card-title>{{ t("tables.stripedHoverable") }}</va-card-title>
       <va-card-content>
         <div class="table-wrapper">
           <table class="va-table va-table--striped va-table--hoverable">