From c1ef6a2aee2ffc910baf7f01ec8d04d8126bb29d Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 30 Aug 2021 16:09:17 +0200
Subject: [PATCH] Add illustration

---
 client/src/components/rooms/RoomsOnboarding.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/client/src/components/rooms/RoomsOnboarding.vue b/client/src/components/rooms/RoomsOnboarding.vue
index 0e1d2550..13ca43ca 100644
--- a/client/src/components/rooms/RoomsOnboarding.vue
+++ b/client/src/components/rooms/RoomsOnboarding.vue
@@ -3,6 +3,7 @@
     <h1
       class="rooms-onboarding__heading"
       data-cy="page-title">Räume</h1>
+    <rooms-illustration class="rooms-onboarding__illustration" />
     <p
       data-cy="rooms-onboarding-text"
       class="rooms-onboarding__text">
@@ -23,6 +24,7 @@
 
 <script>
   import {NEW_ROOM_PAGE} from '@/router/room.names';
+  import RoomsIllustration from '@/components/illustrations/RoomsIllustration';
 
   export default {
     props: {
@@ -31,6 +33,7 @@
         default: false,
       },
     },
+    components: {RoomsIllustration},
 
     data() {
       return {
@@ -53,6 +56,17 @@
     grid-column: 1 / -1;
     align-items: center;
 
+    &__heading {
+      margin-bottom: $large-spacing;
+    }
+
+    &__illustration {
+      width: 400px;
+      height: 320px;
+      flex-shrink: 0;
+      margin-bottom: $large-spacing;
+    }
+
     &__text {
       @include regular-text;
       text-align: center;