forked from platypush/platypush
Style fixes for mobile screens.
This commit is contained in:
parent
9ebdaf620e
commit
cbf0ea8a19
2 changed files with 12 additions and 3 deletions
|
@ -3,11 +3,11 @@
|
|||
<Loading v-if="loading" />
|
||||
|
||||
<header>
|
||||
<div class="col-11 left">
|
||||
<div class="col-s-10 col-m-11 left">
|
||||
<Selector :entity-groups="entityGroups" :value="selector" @input="selector = $event" />
|
||||
</div>
|
||||
|
||||
<div class="col-1 actions-container right">
|
||||
<div class="col-s-2 col-m-1 actions-container right">
|
||||
<Dropdown title="Actions" icon-class="fas fa-ellipsis">
|
||||
<DropdownItem icon-class="fa fa-sync-alt" text="Refresh" @click="refresh" />
|
||||
<DropdownItem icon-class="fa fa-square-root-variable"
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
<template>
|
||||
<Modal :visible="visible" title="Set Variable" ref="modal" @open="onOpen">
|
||||
<Modal :visible="visible" title="Set Variable" ref="modal"
|
||||
@open="onOpen" @close="$emit('close', $event)">
|
||||
<div class="variable-modal-container">
|
||||
<form @submit.prevent="setValue">
|
||||
<div class="row">
|
||||
|
@ -114,6 +115,14 @@ export default {
|
|||
padding: 0.25em 1em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@include until($tablet) {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.button-container {
|
||||
|
|
Loading…
Reference in a new issue