Remove add room button on mobile
This commit is contained in:
parent
d80cfc07e9
commit
760e36a344
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div class="rooms-page">
|
||||
<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>
|
||||
</template>
|
||||
|
||||
|
|
@ -84,6 +84,14 @@
|
|||
justify-self: center;
|
||||
box-sizing: border-box;
|
||||
|
||||
&__add-room {
|
||||
visibility: hidden;
|
||||
|
||||
@include desktop {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
& > div {
|
||||
flex: 0 0 30%;
|
||||
margin-bottom: $large-spacing;
|
||||
|
|
|
|||
Loading…
Reference in New Issue