From 578da8a55e020cb60c3485e9971ccc01df022a1a Mon Sep 17 00:00:00 2001
From: Annika <nikzneko@gmail.com>
Date: Mon, 11 Jul 2022 10:07:41 -0600
Subject: [PATCH] there's like something on the page...

---
 budgit.client/src/components/Transaction.vue | 33 ++++++++++++++++++++
 budgit.client/src/pages/TransactionsPage.vue |  6 ++--
 2 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 budgit.client/src/components/Transaction.vue

diff --git a/budgit.client/src/components/Transaction.vue b/budgit.client/src/components/Transaction.vue
new file mode 100644
index 0000000..0fb47a9
--- /dev/null
+++ b/budgit.client/src/components/Transaction.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="component flex bg-stone-800 mb-2">
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="w-32">
+      <p>meow</p>
+    </div>
+    <div class="">
+      <p>{{'meow'}}</p>
+    </div>
+  </div>
+</template>
+
+
+<script>
+export default {
+  setup(){
+    return {}
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/budgit.client/src/pages/TransactionsPage.vue b/budgit.client/src/pages/TransactionsPage.vue
index 2c3728c..b7d69e7 100644
--- a/budgit.client/src/pages/TransactionsPage.vue
+++ b/budgit.client/src/pages/TransactionsPage.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="component">
-    <h1>transactionspage</h1>
-
+    <div class="flex mt-6 md:mx-40 flex-col">
+      <h1>Transactions Container</h1>
+      <Transaction v-for="t in 10" />
+    </div>
   </div>
 </template>