From 0425cd90a693b1ec9b94fc6cbe127f5a412588bf Mon Sep 17 00:00:00 2001
From: aaa <a@b.c>
Date: Mon, 3 Feb 2025 11:23:25 +0800
Subject: [PATCH] temp layout

---
 components/TransactionList.vue | 35 ++++++++++++++++++++++++++++++++++
 layouts/desktop.vue            | 18 +++++++++++------
 pages/desktop/transaction.vue  |  4 +++-
 3 files changed, 50 insertions(+), 7 deletions(-)
 create mode 100644 components/TransactionList.vue

diff --git a/components/TransactionList.vue b/components/TransactionList.vue
new file mode 100644
index 0000000..75ec3e8
--- /dev/null
+++ b/components/TransactionList.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-list :items="items"></v-list>
+</template>
+<script lang="ts" setup>
+let items = [
+        { type: 'subheader', title: 'Group #1' },
+        {
+          title: 'Item #1',
+          value: 1,
+        },
+        {
+          title: 'Item #2',
+          value: 2,
+        },
+        {
+          title: 'Item #3',
+          value: 3,
+        },
+        { type: 'divider' },
+        { type: 'subheader', title: 'Group #2' },
+        {
+          title: 'Item #4',
+          value: 4,
+        },
+        {
+          title: 'Item #5',
+          value: 5,
+        },
+        {
+          title: 'Item #6',
+          value: 6,
+        },
+      ];
+    
+</script>
diff --git a/layouts/desktop.vue b/layouts/desktop.vue
index 6900785..fd970f9 100644
--- a/layouts/desktop.vue
+++ b/layouts/desktop.vue
@@ -1,10 +1,16 @@
 <template>
-  <v-layout class="rounded rounded-md">
-    <!-- <p>desktop layout</p> -->
+  <!-- <v-layout class=""> -->
+  <!-- <p>desktop layout</p> -->
+  <div>
     <DesktopSideBar />
-    <v-app-bar><slot name="app-bar-container"></slot></v-app-bar>
-    <v-main class="d-flex align-center justify-center" style="min-height: 300px;">
-      <slot />
+    <v-app-bar flat>
+      <slot name="app-bar-container"></slot>
+    </v-app-bar>
+    <v-main class="bg-grey-lighten-4">
+      <v-container>
+        <slot />
+      </v-container>
     </v-main>
-    </v-layout>
+  </div>
+  <!-- </v-layout> -->
 </template>
diff --git a/pages/desktop/transaction.vue b/pages/desktop/transaction.vue
index 001dbc8..3914136 100644
--- a/pages/desktop/transaction.vue
+++ b/pages/desktop/transaction.vue
@@ -4,7 +4,9 @@
       <template #app-bar-container>
         <v-app-bar-title>Transactions</v-app-bar-title>
       </template>
-      Transaction Page
+      <v-card>
+        <transaction-list></transaction-list>
+      </v-card>
     </NuxtLayout>
   </div>
 </template>