Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-12 21:34:25 +00:00
Code Issues Actions Projects Releases Wiki Activity

adjust styling of address + button

Browse Source
This commit is contained in:
Julie Lenaerts 2022-06-15 15:46:24 +02:00
parent d20d38e5f4
commit f297548a3a
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue
View File

@ -37,14 +37,20 @@
</div> </div>
</div> </div>
<div class="mb-3 row">
<div class="col-sm-4"></div>
<div class="address-container col-sm-8">
<address-render-box :address="address" :isMultiline="false" :useDatePane="useDatePane"></address-render-box>
</div>
</div>
<div v-else-if="this.context.target.name === 'household' || this.context.edit"> <div v-else-if="this.context.target.name === 'household' || this.context.edit">
<action-buttons <action-buttons
:options="this.options" :options="this.options"
:defaultz="this.defaultz" :defaultz="this.defaultz">
class="add-address-btn">
<template v-slot:action> <template v-slot:action>
<button @click.prevent="$emit('openEditPane')" <button @click.prevent="$emit('openEditPane')"
class="btn" :class="getClassButton" class="btn btn-sm" :class="getClassButton"
type="button" name="button" :title="$t(getTextButton)"> type="button" name="button" :title="$t(getTextButton)">
<span v-if="displayTextButton">{{ $t(getTextButton) }}</span> <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
</button> </button>
@ -52,7 +58,6 @@
</action-buttons> </action-buttons>
</div> </div>
<address-render-box :address="address" :useDatePane="useDatePane"></address-render-box>
</div> </div>
<div v-if="onlyButton"> <div v-if="onlyButton">
@ -140,7 +145,15 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.address-container {
display:flex;
justify-content:flex-end;
// padding-right: 1rem;
border-radius: 5px;
border: 1px dotted;
border-left: 1px dotted;
border-right: 1px dotted;
}
.no-address-yet { .no-address-yet {
text-align: center; text-align: center;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
@ -150,7 +163,8 @@ export default {
margin-bottom:2rem; margin-bottom:2rem;
} }
.add-address-btn { .add-address-btn {
display: block // display: block
} }
} }
</style> </style>