Upgrade to Heroicons v2 (#281)

This commit is contained in:
mchev
2025-04-05 02:11:12 +02:00
committed by GitHub
parent 1bb65f420c
commit ba243b28a9
114 changed files with 219 additions and 219 deletions

View File

@@ -21,7 +21,7 @@
@click="addCustomer"
>
<BaseIcon
name="UserAddIcon"
name="UserPlusIcon"
class="h-4 mr-2 -ml-2 text-center text-primary-400"
/>

View File

@@ -357,7 +357,7 @@
"
@click="openCustomerModal"
>
<BaseIcon name="UserAddIcon" class="text-primary-400" />
<BaseIcon name="UserPlusIcon" class="text-primary-400" />
<label
class="

View File

@@ -21,7 +21,7 @@
</template>
<script setup>
import { XCircleIcon } from '@heroicons/vue/solid'
import { XCircleIcon } from '@heroicons/vue/24/solid'
const props = defineProps({
errorTitle: {

View File

@@ -67,7 +67,7 @@
<!-- Not Selected -->
<div v-else-if="!localFiles.length" class="flex flex-col items-center">
<BaseIcon
name="CloudUploadIcon"
name="CloudArrowUpIcon"
class="h-6 mb-2 text-xl leading-6 text-gray-400"
/>
<p class="text-xs leading-4 text-center text-gray-400">
@@ -171,7 +171,7 @@
"
@click.prevent.stop="onAvatarRemove(localFiles[0])"
>
<BaseIcon name="XIcon" class="h-4 text-xl leading-6 text-black" />
<BaseIcon name="XMarkIcon" class="h-4 text-xl leading-6 text-black" />
</a>
</div>
@@ -272,7 +272,7 @@
"
@click.prevent.stop="onFileRemove(index)"
>
<BaseIcon name="XIcon" class="h-4 text-xl leading-6 text-black" />
<BaseIcon name="XMarkIcon" class="h-4 text-xl leading-6 text-black" />
</span>
</a>
</div>
@@ -370,7 +370,7 @@
"
@click.prevent.stop="onFileRemove(index)"
>
<BaseIcon name="XIcon" class="h-4 text-xl leading-6 text-black" />
<BaseIcon name="XMarkIcon" class="h-4 text-xl leading-6 text-black" />
</span>
</a>
</div>

View File

@@ -4,7 +4,7 @@
<script setup>
import { ref, onMounted } from 'vue'
import * as heroIcons from '@heroicons/vue/outline'
import * as heroIcons from '@heroicons/vue/24/outline'
const isLoaded = ref(false)

View File

@@ -1,7 +1,7 @@
<template>
<div class="rounded-md bg-yellow-50 p-4 relative">
<BaseIcon
name="XIcon"
name="XMarkIcon"
class="h-5 w-5 text-yellow-500 absolute right-4 cursor-pointer"
@click="$emit('hide')"
/>
@@ -83,7 +83,7 @@
</template>
<script setup>
import { XCircleIcon } from '@heroicons/vue/solid'
import { XCircleIcon } from '@heroicons/vue/24/solid'
const emits = defineEmits(['hide'])
const props = defineProps({

View File

@@ -17,7 +17,7 @@
<div
class="flex items-center justify-center w-6 h-6 ml-2 text-sm text-black bg-white rounded-sm md:h-9 md:w-9"
>
<dots-vertical-icon class="w-6 h-6 text-gray-600" />
<EllipsisVerticalIcon class="w-6 h-6 text-gray-600" />
</div>
</template>
<div class="flex flex-wrap space-x-1">
@@ -74,7 +74,7 @@ import { useEditor, EditorContent } from '@tiptap/vue-3'
import StarterKit from '@tiptap/starter-kit'
import TextAlign from '@tiptap/extension-text-align'
import Link from '@tiptap/extension-link'
import { DotsVerticalIcon } from '@heroicons/vue/outline'
import { EllipsisVerticalIcon } from '@heroicons/vue/24/outline'
import {
BoldIcon,
CodingIcon,
@@ -89,12 +89,12 @@ import {
CodeBlockIcon,
MenuCenterIcon,
} from './icons/index.js'
import { MenuAlt2Icon, MenuAlt3Icon, MenuIcon, LinkIcon } from '@heroicons/vue/solid'
import { Bars3BottomLeftIcon, Bars3BottomRightIcon, Bars3Icon, LinkIcon } from '@heroicons/vue/24/solid'
export default {
components: {
EditorContent,
DotsVerticalIcon,
EllipsisVerticalIcon,
},
props: {
@@ -143,9 +143,9 @@ export default {
{ name: 'codeBlock', icon: markRaw(CodeBlockIcon), action: () => editor.value.chain().focus().toggleCodeBlock().run() },
{ name: 'undo', icon: markRaw(UndoIcon), action: () => editor.value.chain().focus().undo().run() },
{ name: 'redo', icon: markRaw(RedoIcon), action: () => editor.value.chain().focus().redo().run() },
{ name: 'alignLeft', icon: markRaw(MenuAlt2Icon), action: () => editor.value.chain().focus().setTextAlign('left').run() },
{ name: 'alignRight', icon: markRaw(MenuAlt3Icon), action: () => editor.value.chain().focus().setTextAlign('right').run() },
{ name: 'alignJustify', icon: markRaw(MenuIcon), action: () => editor.value.chain().focus().setTextAlign('justify').run() },
{ name: 'alignLeft', icon: markRaw(Bars3BottomLeftIcon), action: () => editor.value.chain().focus().setTextAlign('left').run() },
{ name: 'alignRight', icon: markRaw(Bars3BottomRightIcon), action: () => editor.value.chain().focus().setTextAlign('right').run() },
{ name: 'alignJustify', icon: markRaw(Bars3Icon), action: () => editor.value.chain().focus().setTextAlign('justify').run() },
{ name: 'alignCenter', icon: markRaw(MenuCenterIcon), action: () => editor.value.chain().focus().setTextAlign('center').run() },
{ name: 'addLink', icon: markRaw(LinkIcon), action: () => {
const url = window.prompt('URL')