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

Update room onboarding styling

This commit is contained in:
Ramon Wenger 2021-08-27 18:39:15 +02:00
parent 7d2bba14b7
commit fe8ecdf1d2
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,7 +3,9 @@
<h1 <h1
class="rooms-onboarding__heading" class="rooms-onboarding__heading"
data-cy="page-title">Räume</h1> data-cy="page-title">Räume</h1>
<p data-cy="rooms-onboarding-text"> <p
data-cy="rooms-onboarding-text"
class="rooms-onboarding__text">
Hier können Sie Räume erstellen, damit SchülerInnen zusammenarbeiten und Beiträge teilen können. Hier können Sie Räume erstellen, damit SchülerInnen zusammenarbeiten und Beiträge teilen können.
</p> </p>
<div class="rooms-onboarding__button"> <div class="rooms-onboarding__button">
@ -46,9 +48,16 @@
width: 100vw; width: 100vw;
max-width: 800px; max-width: 800px;
flex-direction: column; flex-direction: column;
justify-items: center;
justify-content: center;
justify-self: center; justify-self: center;
margin: 0 auto; margin: 0 auto;
grid-column: 1 / -1;
align-items: center;
&__text {
@include regular-text;
text-align: center;
max-width: 500px;
margin-bottom: $large-spacing;
}
} }
</style> </style>

4
client/src/pages/rooms.vue
View File

@ -4,6 +4,7 @@
<room-widget <room-widget
v-bind="room" v-bind="room"
:key="room.name" :key="room.name"
class="rooms-page__widget"
data-cy="room-widget" data-cy="room-widget"
v-for="room in filteredRooms"/> v-for="room in filteredRooms"/>
<add-room <add-room
@ -112,7 +113,7 @@
} }
} }
& > div { &__widget, &__add-room {
flex: 0 0 30%; flex: 0 0 30%;
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
margin-right: 1%; margin-right: 1%;
@ -122,6 +123,5 @@
margin-right: inherit; margin-right: inherit;
} }
} }
} }
</style> </style>