From 7adeaa10218843e75fab9be94628dd174c0d635b Mon Sep 17 00:00:00 2001
From: Me-Phew <basmateusz@wp.pl>
Date: Sun, 24 Mar 2024 00:49:10 +0100
Subject: [PATCH] fix: correctly center dashboard subpages content

---
 src/views/Dashboard/AppointmentView.vue | 6 ++++++
 src/views/Dashboard/ServiceView.vue     | 6 ++++++
 src/views/Dashboard/UserView.vue        | 4 ++++
 3 files changed, 16 insertions(+)

diff --git a/src/views/Dashboard/AppointmentView.vue b/src/views/Dashboard/AppointmentView.vue
index f405a79..5fb8995 100644
--- a/src/views/Dashboard/AppointmentView.vue
+++ b/src/views/Dashboard/AppointmentView.vue
@@ -406,6 +406,12 @@ export default {
 </style>
 
 <style lang="scss" scoped>
+.appointment-view {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .cancel-appointment-wrapper {
   display: flex;
   flex-direction: column;
diff --git a/src/views/Dashboard/ServiceView.vue b/src/views/Dashboard/ServiceView.vue
index 5236e75..4fd1c80 100644
--- a/src/views/Dashboard/ServiceView.vue
+++ b/src/views/Dashboard/ServiceView.vue
@@ -177,6 +177,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.service-view {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .elevated-card {
   @media only screen and (max-width: $sm) {
     padding: 1rem;
diff --git a/src/views/Dashboard/UserView.vue b/src/views/Dashboard/UserView.vue
index 6233788..54e5f45 100644
--- a/src/views/Dashboard/UserView.vue
+++ b/src/views/Dashboard/UserView.vue
@@ -227,6 +227,10 @@ export default {
 }
 
 .user-view {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
   .user {
     display: flex;
     flex-direction: column;