From c2c2e35d003cd7fa2521dba53509dca1354bf8f0 Mon Sep 17 00:00:00 2001
From: Chris Friemann <github@chris.friemann.nl>
Date: Thu, 11 Jan 2024 11:04:57 +0100
Subject: [PATCH] style: 4 tabs to 2 tabs

---
 src/resources/vue/components/Box.vue      | 49 ++++++++-------
 src/resources/vue/components/ItemCard.vue | 77 +++++++++++------------
 2 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/src/resources/vue/components/Box.vue b/src/resources/vue/components/Box.vue
index 1adf2f3..a54a1bc 100644
--- a/src/resources/vue/components/Box.vue
+++ b/src/resources/vue/components/Box.vue
@@ -1,30 +1,31 @@
 <template>
-    <div class="box" :style="{ backgroundColor: color, flexDirection: direction }">
-        <slot></slot>
-    </div>
+	<div class="box" :style="{ backgroundColor: color, flexDirection: direction }">
+		<slot></slot>
+	</div>
 </template>
+
 <script>
-    export default {
-        name: 'Box',
-        props: {
-            color: {
-                type: String,
-                default: '#f2f2f2',
-            },
-            direction: {
-                type: String,
-                default: 'column',
-            },
-        },
-    };
+	export default {
+		name: 'Box',
+		props: {
+			color: {
+				type: String,
+				default: '#f2f2f2',
+			},
+			direction: {
+				type: String,
+				default: 'column',
+			},
+		},
+	};
 </script>
 <style lang="scss">
-    .box {
-        padding: 30px;
-        border-radius: 5px;
-        width: fit-content;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
+	.box {
+		padding: 30px;
+		border-radius: 5px;
+		width: fit-content;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
 </style>
\ No newline at end of file
diff --git a/src/resources/vue/components/ItemCard.vue b/src/resources/vue/components/ItemCard.vue
index bfa62da..5a8944d 100644
--- a/src/resources/vue/components/ItemCard.vue
+++ b/src/resources/vue/components/ItemCard.vue
@@ -3,8 +3,8 @@
     <div class="left">
       <Icon icon="book" size="90" color="white" />
       <div class="info">
-          <p>{{ title }}</p>
-          <p>{{ description }}</p>
+        <p>{{ title }}</p>
+        <p>{{ description }}</p>
       </div>
     </div>
     <div v-if="warning" class="right">
@@ -14,56 +14,55 @@
 </template>
 
 <script>
-import Icon from "./icon.vue";
+  import Icon from "./icon.vue";
 
-export default {
-  name: "ItemCard",
-  props: {
-    title: String,
-    description: String,
-    warning: Boolean,
-  },
-  components: {
-    Icon,
-  },
-};
+  export default {
+    name: "ItemCard",
+    props: {
+      title: String,
+      description: String,
+      warning: Boolean,
+    },
+    components: {
+      Icon,
+    },
+  };
 </script>
-
 <style lang="scss">
-.item-card {
-  width: 667px;
-  height: 116px;
-  background: #1d243a;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 13px;
-
-  .left {
+  .item-card {
+    width: 667px;
+    height: 116px;
+    background: #1d243a;
+    border-radius: 8px;
     display: flex;
     align-items: center;
-    width: 100%;
-    height: 100%;
+    justify-content: space-between;
+    padding: 13px;
 
-    .info {
-      margin-left: 20px;
+    .left {
       display: flex;
-      flex-direction: column;
+      align-items: center;
+      width: 100%;
+      height: 100%;
 
-      p {
+      .info {
+        margin-left: 20px;
+        display: flex;
+        flex-direction: column;
+
+        p {
           color: #fff;
           font-size: 32px;
           font-family: "Outfit";
           font-weight: 700;
+        }
       }
     }
-  }
 
-  .right {
-    display: flex;
-    align-items: flex-start;
-    height: 100%;
+    .right {
+      display: flex;
+      align-items: flex-start;
+      height: 100%;
+    }
   }
-}
-</style>
+</style>
\ No newline at end of file