Add style for headings

2024-02-02 01:56:02 +01:00 · 2024-02-02 01:56:02 +01:00 · ee926467ed
parent 4ffc14d503
commit ee926467ed
2 changed files with 13 additions and 1 deletions
--- a/resources/css/editor.css
+++ b/resources/css/editor.css
@ -19,6 +19,18 @@
    @apply bg-gray-800;
 }

+h2.ce-header {
+    @apply font-semibold text-white text-xl mt-2;
+}
+
+h3.ce-header {
+    @apply font-semibold text-white text-lg mt-2;
+}
+
+h4.ce-header {
+    @apply font-semibold text-white mt-2;
+}
+
 .ce-block--selected .ce-block__content {
    @apply bg-gray-800;
 }
--- a/resources/js/components/form/Editor.vue
+++ b/resources/js/components/form/Editor.vue
@ -72,7 +72,7 @@ onMounted(async () => {
            heading: {
                class: Header,
                shortcut: 'CTRL+H',
-                inlineToolbar: [],
+                inlineToolbar: true,
                config: {
                    placeholder: 'Überschrift',
                    levels: [2, 3, 4],