sugoidogo/modrinth
1
0
Fork 0
mirror of https://github.com/modrinth/code.git synced 2026-08-31 12:05:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add warning icon for incompatible selection

Browse Source
This commit is contained in:
tdgao
2026-07-03 12:01:59 -07:00
parent 437c0d4598
commit 42f2fc3bec
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/components/ui/ProjectDownloadModal/DownloadProject.vue
+13 -1
View File
@@ -23,10 +23,16 @@
:class="{ :class="{
'text-brand-red opacity-40': isGameVersionUnavailable(item.value), 'text-brand-red opacity-40': isGameVersionUnavailable(item.value),
'text-green': isSelected, 'text-green': isSelected,
'!opacity-100': isSelected,
'text-primary': !isGameVersionUnavailable(item.value) && !isSelected, 'text-primary': !isGameVersionUnavailable(item.value) && !isSelected,
}" }"
> >
<span class="min-w-0 truncate font-semibold leading-tight">{{ item.label }}</span> <span class="min-w-0 truncate font-semibold leading-tight">{{ item.label }}</span>
<TriangleAlertIcon
v-if="isSelected && isGameVersionUnavailable(item.value)"
aria-hidden="true"
class="size-5 shrink-0 text-orange"
/>
</div> </div>
</template> </template>
<template #dropdown-footer> <template #dropdown-footer>
@@ -59,10 +65,16 @@
:class="{ :class="{
'text-brand-red opacity-40': isPlatformUnavailable(item.value), 'text-brand-red opacity-40': isPlatformUnavailable(item.value),
'text-green': isSelected, 'text-green': isSelected,
'!opacity-100': isSelected,
'text-primary': !isPlatformUnavailable(item.value) && !isSelected, 'text-primary': !isPlatformUnavailable(item.value) && !isSelected,
}" }"
> >
<span class="min-w-0 truncate font-semibold leading-tight">{{ item.label }}</span> <span class="min-w-0 truncate font-semibold leading-tight">{{ item.label }}</span>
<TriangleAlertIcon
v-if="isSelected && isPlatformUnavailable(item.value)"
aria-hidden="true"
class="size-5 shrink-0 text-orange"
/>
</div> </div>
</template> </template>
</Combobox> </Combobox>
@@ -126,7 +138,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Labrinth } from '@modrinth/api-client' import type { Labrinth } from '@modrinth/api-client'
import { DownloadIcon } from '@modrinth/assets' import { DownloadIcon, TriangleAlertIcon } from '@modrinth/assets'
import { import {
ButtonStyled, ButtonStyled,
type CdnDownloadReason, type CdnDownloadReason,