ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add illustration

This commit is contained in:
Ramon Wenger 2021-08-30 16:09:17 +02:00
parent fe8ecdf1d2
commit c1ef6a2aee
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/rooms/RoomsOnboarding.vue
View File

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