blacklight/platypush
1
0
Fork 0
forked from platypush/platypush
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style fixes for mobile screens.

Browse source
This commit is contained in:
Fabio Manganiello 2023-04-29 22:45:10 +02:00
parent 9ebdaf620e
commit cbf0ea8a19
Signed by: blacklight
GPG key ID: D90FBA7F76362774
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
platypush/backend/http/webapp/src/components/panels/Entities/Index.vue
View file

@ -3,11 +3,11 @@
<Loading v-if="loading" /> <Loading v-if="loading" />
<header> <header>
<div class="col-11 left"> <div class="col-s-10 col-m-11 left">
<Selector :entity-groups="entityGroups" :value="selector" @input="selector = $event" /> <Selector :entity-groups="entityGroups" :value="selector" @input="selector = $event" />
</div> </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"> <Dropdown title="Actions" icon-class="fas fa-ellipsis">
<DropdownItem icon-class="fa fa-sync-alt" text="Refresh" @click="refresh" /> <DropdownItem icon-class="fa fa-sync-alt" text="Refresh" @click="refresh" />
<DropdownItem icon-class="fa fa-square-root-variable" <DropdownItem icon-class="fa fa-square-root-variable"

11
platypush/backend/http/webapp/src/components/panels/Entities/VariableModal.vue
View file

@ -1,5 +1,6 @@
<template> <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"> <div class="variable-modal-container">
<form @submit.prevent="setValue"> <form @submit.prevent="setValue">
<div class="row"> <div class="row">
@ -114,6 +115,14 @@ export default {
padding: 0.25em 1em; padding: 0.25em 1em;
display: flex; display: flex;
align-items: center; align-items: center;
@include until($tablet) {
flex-direction: column;
}
input[type=text] {
width: 100%;
}
} }
.button-container { .button-container {