diff --git a/apps/app-frontend/src/pages/Browse.vue b/apps/app-frontend/src/pages/Browse.vue index a45fd58d7c..d410b4fd08 100644 --- a/apps/app-frontend/src/pages/Browse.vue +++ b/apps/app-frontend/src/pages/Browse.vue @@ -929,12 +929,7 @@ function getCardActions( { key: 'install', label: formatMessage(installLabel), - icon: - showAsInstalling - ? SpinnerIcon - : isQueued || showAsInstalled - ? CheckIcon - : PlusIcon, + icon: showAsInstalling ? SpinnerIcon : isQueued || showAsInstalled ? CheckIcon : PlusIcon, iconClass: showAsInstalling ? 'animate-spin' : undefined, disabled: showAsInstalled || isInstalling || isInstallingSelection || (isQueued && !isQueuedRoot), diff --git a/apps/frontend/src/pages/discover/[type]/index.vue b/apps/frontend/src/pages/discover/[type]/index.vue index 7cd021c3da..d7fe88af3b 100644 --- a/apps/frontend/src/pages/discover/[type]/index.vue +++ b/apps/frontend/src/pages/discover/[type]/index.vue @@ -382,12 +382,7 @@ function getCardActions( { key: 'install', label: installLabel, - icon: - showAsInstalling - ? SpinnerIcon - : isQueued || isInstalled - ? CheckIcon - : DownloadIcon, + icon: showAsInstalling ? SpinnerIcon : isQueued || isInstalled ? CheckIcon : DownloadIcon, iconClass: showAsInstalling ? 'animate-spin' : undefined, disabled: !!isInstalled || isInstalling || isInstallingSelection || (isQueued && !isQueuedRoot), diff --git a/packages/ui/src/components/base/Toggle.vue b/packages/ui/src/components/base/Toggle.vue index 98229a4f1a..ddc0153102 100644 --- a/packages/ui/src/components/base/Toggle.vue +++ b/packages/ui/src/components/base/Toggle.vue @@ -31,9 +31,9 @@ ? '' : indeterminate ? 'group-hover:scale-x-110 group-active:scale-x-75' - : small - ? 'group-hover:w-[14px] group-hover:h-[14px] group-hover:m-[-1px] group-active:w-[10px] group-active:h-[10px] group-active:m-[1px]' - : 'group-hover:w-[18px] group-hover:h-[18px] group-hover:m-[-1px] group-active:w-[14px] group-active:h-[14px] group-active:m-[1px]', + : small + ? 'group-hover:w-[14px] group-hover:h-[14px] group-hover:m-[-1px] group-active:w-[10px] group-active:h-[10px] group-active:m-[1px]' + : 'group-hover:w-[18px] group-hover:h-[18px] group-hover:m-[-1px] group-active:w-[14px] group-active:h-[14px] group-active:m-[1px]', ]" /> diff --git a/packages/ui/src/layouts/shared/content-tab/components/ContentCardItem.vue b/packages/ui/src/layouts/shared/content-tab/components/ContentCardItem.vue index 1d75a97ce7..2e3a1b1d68 100644 --- a/packages/ui/src/layouts/shared/content-tab/components/ContentCardItem.vue +++ b/packages/ui/src/layouts/shared/content-tab/components/ContentCardItem.vue @@ -142,8 +142,7 @@ const fileNameRef = ref(null) const isDisabled = computed(() => props.disabled || props.installing) const isToggleIndeterminate = computed( - () => - props.enabledFor !== undefined && props.enabledFor.server !== props.enabledFor.player, + () => props.enabledFor !== undefined && props.enabledFor.server !== props.enabledFor.player, ) const isToggleDisabled = computed( () => isDisabled.value || props.toggleDisabled || isToggleIndeterminate.value, @@ -328,10 +327,7 @@ const installTooltip = computed(() => { -