Fix more imports

web/src/pages/Settings.vue

@@ -4,8 +4,8 @@ import { useRouter } from "vue-router";
 import { DELETE, POST } from "../api";
 import { useBudgetsStore } from "../stores/budget";
 import { useSessionStore } from "../stores/session";
-import Card from "../components/Card.vue";
-import Button from "../components/Button.vue";
+import RowCard from "../components/RowCard.vue";
+import Button from "../components/SimpleButton.vue";
 import { saveAs } from 'file-saver';
 import Input from "../components/Input.vue";
 
@@ -78,7 +78,7 @@ function ynabExport() {
   <div>
     <h1>Danger Zone</h1>
     <div class="grid md:grid-cols-2 gap-6">
-      <Card class="flex-col p-3">
+      <RowCard class="flex-col p-3">
         <h2 class="text-lg font-bold">
           Clear Budget
         </h2>
@@ -93,8 +93,8 @@ function ynabExport() {
         >
           Clear budget
         </Button>
-      </Card>
-      <Card class="flex-col p-3">
+      </RowCard>
+      <RowCard class="flex-col p-3">
         <h2 class="text-lg font-bold">
           Delete Budget
         </h2>
@@ -108,8 +108,8 @@ function ynabExport() {
         >
           Delete budget
         </Button>
-      </Card>
-      <Card class="flex-col p-3">
+      </RowCard>
+      <RowCard class="flex-col p-3">
         <h2 class="text-lg font-bold">
           Fix all historic negative category-balances
         </h2>
@@ -123,8 +123,8 @@ function ynabExport() {
         >
           Fix negative
         </Button>
-      </Card>
-      <Card class="flex-col p-3">
+      </RowCard>
+      <RowCard class="flex-col p-3">
         <h2 class="text-lg font-bold">
           Import YNAB Budget
         </h2>
@@ -156,8 +156,8 @@ function ynabExport() {
         >
           Importieren
         </Button>
-      </Card>
-      <Card class="flex-col p-3">
+      </RowCard>
+      <RowCard class="flex-col p-3">
         <h2 class="text-lg font-bold">
           Export as YNAB TSV
         </h2>
@@ -170,7 +170,7 @@ function ynabExport() {
             Export
           </Button>
         </div>
-      </Card>
+      </RowCard>
     </div>
   </div>
 </template>