fix: correctly center dashboard subpages content

MePhew-GonteQ-Industries · Mar 23, 2024 · 7adeaa1 · 7adeaa1
1 parent e506276
commit 7adeaa1
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git 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
@@ -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
@@ -227,6 +227,10 @@ export default {
 }
 
 .user-view {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
   .user {
     display: flex;
     flex-direction: column;