Style fixes for mobile screens.

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

View file

@ -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"

View file

@ -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 {