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

Better entity modal padding

Browse source
This commit is contained in:
Fabio Manganiello 2022-10-07 11:12:30 +02:00
parent 16c55b45f6
commit 958ef6b987
Signed by: blacklight
GPG key ID: D90FBA7F76362774
2 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
platypush/backend/http/webapp/src/components/Modal.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="modal-container fade-in" :id="id" :class="{hidden: !isVisible}" :style="{'--z-index': zIndex}" @click="close"> <div class="modal-container fade-in" :id="id" :class="{hidden: !isVisible}" :style="{'--z-index': zIndex}" @click="close">
<div class="modal"> <div class="modal" :class="$attrs.class">
<div class="content" :style="{'--width': width, '--height': height}" @click="$event.stopPropagation()"> <div class="content" :style="{'--width': width, '--height': height}" @click="$event.stopPropagation()">
<div class="header" v-text="title" v-if="title"></div> <div class="header" v-text="title" v-if="title"></div>
<div class="body"> <div class="body">

10
platypush/backend/http/webapp/src/components/panels/Entities/Modal.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<Modal :visible="visible" :title="entity.name || entity.external_id"> <Modal :visible="visible" class="entity-modal" :title="entity.name || entity.external_id">
<ConfirmDialog ref="deleteConfirmDiag" title="Confirm entity deletion" @input="onDelete"> <ConfirmDialog ref="deleteConfirmDiag" title="Confirm entity deletion" @input="onDelete">
Are you <b>sure</b> that you want to delete this entity? <br/><br/> Are you <b>sure</b> that you want to delete this entity? <br/><br/>
Note: you should only delete an entity if its plugin has been disabled Note: you should only delete an entity if its plugin has been disabled
@ -210,6 +210,14 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.modal) { :deep(.modal) {
.body {
padding: .5em !important;
.table-row {
box-shadow: none;
}
}
.icon-canvas { .icon-canvas {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;