GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-07-12 16:11:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ Feature(custom): optimize message toast

Browse Source
This commit is contained in:
Kuingsmile
2026-01-30 12:17:15 +08:00
parent a36f1cbae1
commit 3cafd5a351
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/common/CustomButton.vue
View File

@@ -14,7 +14,7 @@
v-if="text" v-if="text"
:class="textClassVar" :class="textClassVar"
:data-active="active" :data-active="active"
class="[.primary] text-sm leading-[1.4] font-semibold text-secondary" class="text-sm leading-[1.4] font-semibold text-secondary"
>{{ text }}</span >{{ text }}</span
> >
</slot> </slot>

6
src/renderer/components/ui/MessageToast.vue
View File

@@ -12,11 +12,11 @@
<div <div
v-for="message in messages" v-for="message in messages"
:key="message.id" :key="message.id"
class="flex-start group pointer-events-auto mb-2 flex max-w-96 min-w-80 gap-3 rounded-sm border border-gray-300 bg-white px-4 py-3 wrap-break-word shadow-sm [.message-error]:border-l-4 [.message-error]:border-l-danger [.message-info]:border-l-4 [.message-info]:border-l-accent [.message-success]:border-l-4 [.message-success]:border-l-success [.message-warning]:border-l-4 [.message-warning]:border-l-warning" class="flex-start group pointer-events-auto mb-2 flex max-w-96 min-w-80 items-center gap-3 rounded-sm border border-gray-300 bg-white px-4 py-3 wrap-break-word shadow-sm [.message-error]:border-l-4 [.message-error]:border-l-danger [.message-info]:border-l-4 [.message-info]:border-l-accent [.message-success]:border-l-4 [.message-success]:border-l-success [.message-warning]:border-l-4 [.message-warning]:border-l-warning"
:class="getMessageClass(message.type)" :class="getMessageClass(message.type)"
> >
<div <div
class="mt-0.5 shrink-0 group-[.message-error]:text-danger group-[.message-info]:text-accent group-[.message-success]:text-success group-[.message-warning]:text-warning" class="shrink-0 group-[.message-error]:text-danger group-[.message-info]:text-accent group-[.message-success]:text-success group-[.message-warning]:text-warning"
> >
<component :is="getIconComponent(message.type)" :size="16" /> <component :is="getIconComponent(message.type)" :size="16" />
</div> </div>
@@ -25,7 +25,7 @@
</div> </div>
<button <button
v-if="message.showClose" v-if="message.showClose"
class="mt-0.5 flex shrink-0 cursor-pointer items-center justify-center rounded-sm border-none bg-none p-1 text-secondary hover:bg-danger/10" class="flex shrink-0 cursor-pointer items-center justify-center rounded-full border-none bg-none p-1 text-secondary hover:bg-danger/10"
@click="removeMessage(message.id)" @click="removeMessage(message.id)"
> >
<X :size="16" /> <X :size="16" />