From 436d2dc3b988ccadce22d233b06ad354fb6e5f32 Mon Sep 17 00:00:00 2001
From: szymon <szymon@magico.pl>
Date: Thu, 7 Jul 2022 13:00:43 +0200
Subject: [PATCH] h6

---
 src/components/plugin/SectionText.vue | 36 ++++++++++++++++-----------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/components/plugin/SectionText.vue b/src/components/plugin/SectionText.vue
index 1f8be26..10e3f52 100644
--- a/src/components/plugin/SectionText.vue
+++ b/src/components/plugin/SectionText.vue
@@ -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);