From 8a9ecaa2e2ead30576367a2bd275c70edeb1da19 Mon Sep 17 00:00:00 2001
From: JustTemmie <47639983+JustTemmie@users.noreply.github.com>
Date: Thu, 10 Jul 2025 22:44:18 +0200
Subject: [PATCH] refactor: move spacer into it's own component

---
 components/VerticalSpacer.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 components/VerticalSpacer.vue

diff --git a/components/VerticalSpacer.vue b/components/VerticalSpacer.vue
new file mode 100644
index 0000000..293e9f0
--- /dev/null
+++ b/components/VerticalSpacer.vue
@@ -0,0 +1,21 @@
+<template>
+  <span class="spacer"></span>
+</template>
+
+<script lang="ts" setup>
+import type { UserResponse } from '~/types/interfaces';
+
+const props = defineProps<{
+	user: UserResponse,
+}>();
+
+</script>
+
+<style scoped>
+.spacer {
+  height: 0.2dvh;
+  display: block;
+  margin: 0.8dvh 0.2dvw;
+  background-color: var(--padding-color);
+}
+</style>