Skip to content

Commit 81df481

Browse files
viva-jinyigithub-actions[bot]
authored andcommitted
[bugfix] Fix manager dialog warning banner close button visibility (#5397)
* feature: manager banner style fix * fix: light-theme color * fix: icon color modified for dark theme
1 parent 4f01333 commit 81df481

File tree

1 file changed

+9
-7
lines changed

1 file changed

+9
-7
lines changed

src/components/dialog/content/manager/ManagerDialogContent.vue

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
<!-- Conflict Warning Banner -->
3030
<div
3131
v-if="shouldShowManagerBanner"
32-
class="bg-yellow-600 bg-opacity-20 border border-yellow-400 rounded-lg p-4 mt-3 mb-4 flex items-center gap-6 relative"
32+
class="bg-yellow-500/20 rounded-lg p-4 mt-3 mb-4 flex items-center gap-6 relative"
3333
>
3434
<i class="pi pi-exclamation-triangle text-yellow-600 text-lg"></i>
3535
<div class="flex flex-col gap-2 flex-1">
@@ -46,14 +46,15 @@
4646
{{ $t('manager.conflicts.warningBanner.button') }}
4747
</p>
4848
</div>
49-
<button
50-
type="button"
51-
class="absolute top-2 right-2 w-6 h-6 border-none outline-none bg-transparent flex items-center justify-center text-yellow-600 rounded transition-colors"
52-
:aria-label="$t('g.close')"
49+
<IconButton
50+
class="absolute top-0 right-0"
51+
type="transparent"
5352
@click="dismissWarningBanner"
5453
>
55-
<i class="pi pi-times text-sm"></i>
56-
</button>
54+
<i
55+
class="pi pi-times text-neutral-900 dark-theme:text-white text-xs"
56+
></i>
57+
</IconButton>
5758
</div>
5859
<RegistrySearchBar
5960
v-model:searchQuery="searchQuery"
@@ -138,6 +139,7 @@ import {
138139
} from 'vue'
139140
import { useI18n } from 'vue-i18n'
140141
142+
import IconButton from '@/components/button/IconButton.vue'
141143
import ContentDivider from '@/components/common/ContentDivider.vue'
142144
import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
143145
import VirtualGrid from '@/components/common/VirtualGrid.vue'

0 commit comments

Comments
 (0)