Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 19:21:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Design] Update PackVersionSelectorPopover styling (#4554)

Browse Source
This commit is contained in:
Jin Yi
2025-07-29 06:02:24 +09:00
committed by GitHub
parent fd66f593ad
commit 60ae1cf994
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dialog/content/manager/PackVersionBadge.vue
View File

@@ -21,7 +21,7 @@
<Popover <Popover
ref="popoverRef" ref="popoverRef"
:pt="{ :pt="{
content: { class: 'px-0' } content: { class: 'p-0 shadow-lg' }
}" }"
> >
<PackVersionSelectorPopover <PackVersionSelectorPopover

20
src/components/dialog/content/manager/PackVersionSelectorPopover.vue
View File

@@ -1,8 +1,10 @@
<template> <template>
<div class="w-64 mt-2"> <div class="w-64 pt-1">
<span class="pl-3 text-muted text-md font-semibold text-neutral-500"> <div class="py-2">
{{ $t('manager.selectVersion') }} <span class="pl-3 text-md font-semibold text-neutral-500">
</span> {{ $t('manager.selectVersion') }}
</span>
</div>
<div <div
v-if="isLoadingVersions || isQueueing" v-if="isLoadingVersions || isQueueing"
class="text-center text-muted py-4 flex flex-col items-center" class="text-center text-muted py-4 flex flex-col items-center"
@@ -25,7 +27,10 @@
option-value="value" option-value="value"
:options="versionOptions" :options="versionOptions"
:highlight-on-select="false" :highlight-on-select="false"
class="my-3 w-full max-h-[50vh] border-none shadow-none rounded-md" class="w-full max-h-[50vh] border-none shadow-none rounded-md"
:pt="{
listContainer: { class: 'scrollbar-hide' }
}"
> >
<template #option="slotProps"> <template #option="slotProps">
<div class="flex justify-between items-center w-full p-1"> <div class="flex justify-between items-center w-full p-1">
@@ -59,9 +64,10 @@
</template> </template>
</Listbox> </Listbox>
<ContentDivider class="my-2" /> <ContentDivider class="my-2" />
<div class="flex justify-end gap-2 p-1 px-3"> <div class="flex justify-end gap-2 py-1 px-3">
<Button <Button
text text
class="text-sm"
severity="secondary" severity="secondary"
:label="$t('g.cancel')" :label="$t('g.cancel')"
:disabled="isQueueing" :disabled="isQueueing"
@@ -70,7 +76,7 @@
<Button <Button
severity="secondary" severity="secondary"
:label="$t('g.install')" :label="$t('g.install')"
class="py-3 px-4 dark-theme:bg-unset bg-black/80 dark-theme:text-unset text-neutral-100 rounded-lg" class="py-2.5 px-4 text-sm dark-theme:bg-unset bg-black/80 dark-theme:text-unset text-neutral-100 rounded-lg"
:disabled="isQueueing" :disabled="isQueueing"
@click="handleSubmit" @click="handleSubmit"
/> />