sugoidogo/modrinth
1
0
Fork 0
mirror of https://github.com/modrinth/code.git synced 2026-09-04 22:10:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: tooltip hover area

Browse Source
This commit is contained in:
tdgao
2026-07-03 11:08:08 -07:00
parent 99c8aada2f
commit d85e6dcb3c
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
+4 -2
View File
@@ -19,7 +19,7 @@
<template #option="{ item, isSelected }"> <template #option="{ item, isSelected }">
<div <div
v-tooltip="gameVersionOptionTooltip(item.value)" v-tooltip="gameVersionOptionTooltip(item.value)"
class="flex w-full items-center justify-between gap-2" class="flex w-full items-center justify-between gap-2 px-4 py-2"
:class="{ :class="{
'text-brand-red opacity-40': isGameVersionUnavailable(item.value), 'text-brand-red opacity-40': isGameVersionUnavailable(item.value),
'text-green': isSelected, 'text-green': isSelected,
@@ -55,7 +55,7 @@
<template #option="{ item, isSelected }"> <template #option="{ item, isSelected }">
<div <div
v-tooltip="platformOptionTooltip(item.value, item.label)" v-tooltip="platformOptionTooltip(item.value, item.label)"
class="flex w-full items-center justify-between gap-2" class="flex w-full items-center justify-between gap-2 px-4 py-2"
:class="{ :class="{
'text-brand-red opacity-40': isPlatformUnavailable(item.value), 'text-brand-red opacity-40': isPlatformUnavailable(item.value),
'text-green': isSelected, 'text-green': isSelected,
@@ -273,6 +273,7 @@ const gameVersionOptions = computed<ComboboxOption<string>[]>(() => {
return filteredGameVersions.value.map((gameVersion) => ({ return filteredGameVersions.value.map((gameVersion) => ({
value: gameVersion, value: gameVersion,
label: gameVersion, label: gameVersion,
class: '!px-0 !py-1',
})) }))
}) })
@@ -283,6 +284,7 @@ const platformOptions = computed<ComboboxOption<string>[]>(() => {
.map((platform) => ({ .map((platform) => ({
value: platform, value: platform,
label: loaderLabel(platform), label: loaderLabel(platform),
class: '!px-0 !py-1',
})) }))
}) })