mirror of
https://github.com/setube/ogame-vue-ts.git
synced 2026-05-12 07:55:11 +08:00
59dd7bfd05
重构BattleReportDialog和BattleSimulatorView相关静态资源，替换旧版JS/CSS文件，提升界面一致性和交互体验。新增和优化空状态、滚动区域等通用UI组件，移除部分冗余composable，完善多语言内容。引入导弹逻辑，补充版本检测工具，提升整体代码结构和可维护性。
44 lines
1.2 KiB
Vue
44 lines
1.2 KiB
Vue
<template>
|
|
<Sonner
|
|
:class="cn('toaster group', props.class)"
|
|
:style="{
|
|
'--normal-bg': 'var(--popover)',
|
|
'--normal-text': 'var(--popover-foreground)',
|
|
'--normal-border': 'var(--border)',
|
|
'--border-radius': 'var(--radius)'
|
|
}"
|
|
v-bind="props"
|
|
>
|
|
<template #success-icon>
|
|
<CircleCheckIcon class="size-4" />
|
|
</template>
|
|
<template #info-icon>
|
|
<InfoIcon class="size-4" />
|
|
</template>
|
|
<template #warning-icon>
|
|
<TriangleAlertIcon class="size-4" />
|
|
</template>
|
|
<template #error-icon>
|
|
<OctagonXIcon class="size-4" />
|
|
</template>
|
|
<template #loading-icon>
|
|
<div>
|
|
<Loader2Icon class="size-4 animate-spin" />
|
|
</div>
|
|
</template>
|
|
<template #close-icon>
|
|
<XIcon class="size-4" />
|
|
</template>
|
|
</Sonner>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import type { ToasterProps } from 'vue-sonner'
|
|
import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from 'lucide-vue-next'
|
|
import { Toaster as Sonner } from 'vue-sonner'
|
|
import { cn } from '@/lib/utils'
|
|
import 'vue-sonner/style.css'
|
|
|
|
const props = defineProps<ToasterProps>()
|
|
</script>
|