diff options
Diffstat (limited to 'front-end/src')
-rw-r--r-- | front-end/src/views/Blog/components/Content/ContentEditor.vue | 6 | ||||
-rw-r--r-- | front-end/src/views/Blog/index.vue | 10 |
2 files changed, 10 insertions, 6 deletions
diff --git a/front-end/src/views/Blog/components/Content/ContentEditor.vue b/front-end/src/views/Blog/components/Content/ContentEditor.vue index d3f8438..845de2c 100644 --- a/front-end/src/views/Blog/components/Content/ContentEditor.vue +++ b/front-end/src/views/Blog/components/Content/ContentEditor.vue @@ -18,7 +18,7 @@ <div class="mt-3 text-sm"> Publishing to: </div> - <div class="p-2 px-3 bg-gray-200 border border-gray-300 rounded-md dark:bg-transparent"> + <div class="p-2 px-3 bg-gray-200 border border-gray-300 rounded-md dark:border-dark-500 dark:bg-transparent"> {{ selectedChannelName }} </div> </div> @@ -43,7 +43,7 @@ </div> </div> - <div v-if="uploadedFile.name" class="border border-gray-300 p-4 w-[24rem] mx-auto rounded-sm relative mt-5"> + <div v-if="uploadedFile.name" class="border border-gray-300 dark:border-dark-500 p-4 w-[24rem] mx-auto rounded-sm relative mt-5"> <div class="absolute top-0 text-right -right-12"> <button class="rounded-sm btn sm red" @click.prevent="removeNewFile"> <fa-icon :icon="['fas', 'trash']" /> @@ -63,7 +63,7 @@ </div> </div> <div v-else-if="editFile?.id" > - <div class="border border-gray-300 p-4 min-w-[24rem] mx-auto rounded-sm relative mt-5"> + <div class="border border-gray-300 dark:border-dark-500 p-4 min-w-[24rem] mx-auto rounded-sm relative mt-5"> <div class=""> Name: {{ getFileName(editFile) }} </div> diff --git a/front-end/src/views/Blog/index.vue b/front-end/src/views/Blog/index.vue index 5d2d8cc..e862d32 100644 --- a/front-end/src/views/Blog/index.vue +++ b/front-end/src/views/Blog/index.vue @@ -290,7 +290,7 @@ const onTabChange = (id:number) => tabIdQ.value = id.toString(10) .ck-editor .ck-content, .ck-editor .ck-source-editing-area{ - @apply min-h-[32rem] resize-y dark:bg-dark-800; + @apply min-h-[32rem] resize-y dark:bg-dark-800 px-4 dark:border-dark-300 leading-6; a { @apply text-blue-500; @@ -301,12 +301,16 @@ const onTabChange = (id:number) => tabIdQ.value = id.toString(10) } pre{ - @apply p-2 dark:text-gray-200; + @apply p-2 dark:text-gray-200 my-3; } h1, h2{ @apply border-b pb-3 mb-4; } + + ul, ol{ + @apply pl-6 pr-3 my-3; + } } .ck-source-editing-area textarea{ @@ -316,7 +320,7 @@ const onTabChange = (id:number) => tabIdQ.value = id.toString(10) .ck.ck-toolbar, .ck.ck-reset { - @apply dark:bg-dark-800 dark:text-gray-300; + @apply dark:bg-dark-700 dark:text-gray-300 dark:border-dark-300; .ck-button, .ck-dropdown |