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

Remove add room button on mobile

This commit is contained in:
Ramon Wenger 2019-04-01 18:18:26 +02:00
parent d80cfc07e9
commit 760e36a344
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template> <template>
<div class="rooms-page"> <div class="rooms-page">
<room-widget v-for="room in filteredRooms" v-bind="room" :key="room.name"></room-widget> <room-widget v-for="room in filteredRooms" v-bind="room" :key="room.name"></room-widget>
<add-room v-if="canAddRoom" data-cy="add-room"></add-room> <add-room class="rooms-page__add-room" v-if="canAddRoom" data-cy="add-room"></add-room>
</div> </div>
</template> </template>
@ -84,6 +84,14 @@
justify-self: center; justify-self: center;
box-sizing: border-box; box-sizing: border-box;
&__add-room {
visibility: hidden;
@include desktop {
visibility: visible;
}
}
& > div { & > div {
flex: 0 0 30%; flex: 0 0 30%;
margin-bottom: $large-spacing; margin-bottom: $large-spacing;