style: dark 模式下的异常显示

This commit is contained in:
xingyu4j
2025-06-21 17:01:57 +08:00
parent 474cbc3019
commit 2690ea82a6
11 changed files with 16 additions and 17 deletions

View File

@@ -204,7 +204,7 @@ onUnmounted(async () => {
</div>
<div
class="sticky bottom-0 z-50 flex h-16 items-center justify-center bg-white shadow-sm"
class="bg-card sticky bottom-0 z-50 flex h-16 items-center justify-center shadow-sm"
>
<Pagination
:total="pageTotal"

View File

@@ -231,7 +231,7 @@ defineExpose({ settingValues });
@click="handleSizeClick(imageSize)"
>
<div
class="flex h-12 w-12 flex-col items-center justify-center rounded-lg border bg-white p-0"
class="bg-card flex h-12 w-12 flex-col items-center justify-center rounded-lg border p-0"
:class="[
selectSize === imageSize.key ? 'border-blue-500' : 'border-white',
]"

View File

@@ -182,7 +182,7 @@ defineExpose({ settingValues });
@click="handleSizeClick(imageSize)"
>
<div
class="flex h-12 w-12 items-center justify-center rounded-lg border bg-white p-0"
class="bg-card flex h-12 w-12 items-center justify-center rounded-lg border p-0"
:class="[
selectSize === imageSize.key ? 'border-blue-500' : 'border-white',
]"

View File

@@ -90,13 +90,12 @@ onMounted(async () => {
<template>
<Page auto-content-height>
<div class="absolute inset-0 flex h-full w-full flex-row bg-gray-50">
<div class="bg-card absolute inset-0 flex h-full w-full flex-row">
<div class="left-0 flex w-96 flex-col p-4">
<div class="segmented flex justify-center">
<Segmented
v-model:value="selectPlatform"
:options="platformOptions"
class="bg-gray-100"
/>
</div>
<div class="mt-8 h-full overflow-y-auto">
@@ -126,7 +125,7 @@ onMounted(async () => {
/>
</div>
</div>
<div class="ml-4 flex-1 bg-white">
<div class="bg-card ml-4 flex-1">
<ImageList ref="imageListRef" @on-regeneration="handleRegeneration" />
</div>
</div>

View File

@@ -45,7 +45,7 @@ onMounted(async () => {
</script>
<template>
<Page auto-content-height>
<div class="bg-white p-5">
<div class="bg-card p-5">
<Input.Search
v-model="queryParams.prompt"
class="mb-5 w-full"
@@ -54,12 +54,12 @@ onMounted(async () => {
@keyup.enter="handleQuery"
/>
<div
class="grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-2.5 bg-white shadow-sm"
class="bg-card grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-2.5 shadow-sm"
>
<div
v-for="item in list"
:key="item.id"
class="relative cursor-pointer overflow-hidden bg-white transition-transform duration-300 hover:scale-105"
class="bg-card relative cursor-pointer overflow-hidden transition-transform duration-300 hover:scale-105"
>
<Image
:src="item.picUrl"