public/MagicoPagebuilder
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

h6

Browse Source
This commit is contained in:
Szymon Haczyk
2022-07-07 13:00:43 +02:00
parent 0c25909b49
commit 436d2dc3b9
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/plugin/SectionText.vue
View File

@@ -30,24 +30,30 @@
<option value="h3">{{ langs.typeheader }} 3</option>
<option value="h4">{{ langs.typeheader }} 4</option>
<option value="h5">{{ langs.typeheader }} 5</option>
<option value="h6">{{ langs.typeheader }} 6</option>
</select>
</div>
<div class="form-group">
<label class="w-100 col-form-label">Wyrównanie</label>
<div class="">
<button v-tooltip title="Wyrównanie do lewej" @click="align='left'" class="btn btn-icon-sm " :class="align=='left'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_left</span>
</button>
<button v-tooltip title="Wyrównanie do środka" @click="align='center'" class="btn btn-icon-sm " :class="align=='center'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_center</span>
</button>
<button v-tooltip title="Wyrównanie do prawej" @click="align='right'" class="btn btn-icon-sm " :class="align=='right'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_right</span>
</button>
<button v-tooltip title="Justowanie" @click="align='justify'" class="btn btn-icon-sm " :class="align=='justify'?'btn-primary':'btn-outline-primary'">
<span class="material-icons-outlined">format_align_justify</span>
</button>
</div>
<div class="">
<button v-tooltip title="Wyrównanie do lewej" @click="align = 'left'" class="btn btn-icon-sm "
:class="align == 'left' ? 'btn-primary' : 'btn-outline-primary'">
<span class="material-icons-outlined">format_align_left</span>
</button>
<button v-tooltip title="Wyrównanie do środka" @click="align = 'center'" class="btn btn-icon-sm "
:class="align == 'center' ? 'btn-primary' : 'btn-outline-primary'">
<span class="material-icons-outlined">format_align_center</span>
</button>
<button v-tooltip title="Wyrównanie do prawej" @click="align = 'right'" class="btn btn-icon-sm "
:class="align == 'right' ? 'btn-primary' : 'btn-outline-primary'">
<span class="material-icons-outlined">format_align_right</span>
</button>
<button v-tooltip title="Justowanie" @click="align = 'justify'" class="btn btn-icon-sm "
:class="align == 'justify' ? 'btn-primary' : 'btn-outline-primary'">
<span class="material-icons-outlined">format_align_justify</span>
</button>
</div>
</div>
<div class="text-center"><button class="btn btn-outline-secondary me-1" @click.prevent="onCloseModal">{{
@@ -94,7 +100,7 @@ export default {
this.$emit('input', this.value);
},
methods: {
removeItem: function () {
this.$emit('itemRemoved', this.value);