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>