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 disabled opacity for server card

Browse Source
This commit is contained in:
tdgao
2026-03-24 10:21:43 -06:00
parent bc2fa1e9e0
commit 2ab69ea08b
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/servers/ServerListing.vue
+5 -7
View File
@@ -19,16 +19,14 @@
<SpinnerIcon <SpinnerIcon
v-if="isProvisioning || isUpgrading" v-if="isProvisioning || isUpgrading"
class="size-8 animate-spin absolute text-contrast" class="size-8 animate-spin absolute text-contrast"
:class="{ 'opacity-50': isDisabled }"
/> />
<LockIcon v-else class="size-8 absolute" /> <LockIcon v-else class="size-8 absolute" :class="{ 'opacity-50': isDisabled }" />
</div> </div>
<ServerIcon v-else :image="image ?? undefined" :disabled="isDisabled" /> <ServerIcon v-else :image="image ?? undefined" :disabled="isDisabled" />
<div class="ml-4 flex flex-col gap-2.5"> <div class="ml-4 flex flex-col gap-2.5">
<div class="flex flex-row items-center gap-2"> <div class="flex flex-row items-center gap-2">
<h2 <h2 class="m-0 text-xl font-bold text-contrast" :class="{ 'opacity-50': isDisabled }">
class="m-0 text-xl font-bold"
:class="{ 'text-contrast': !isDisabled, 'text-primary': isDisabled }"
>
{{ name }} {{ name }}
</h2> </h2>
<div <div
@@ -42,7 +40,7 @@
<div <div
v-if="projectData?.title" v-if="projectData?.title"
class="m-0 flex flex-row items-center gap-2 text-sm font-medium" class="m-0 flex flex-row items-center gap-2 text-sm font-medium"
:class="{ 'text-secondary': isDisabled }" :class="{ 'opacity-50': isDisabled }"
> >
<Avatar <Avatar
:src="iconUrl" :src="iconUrl"
@@ -72,7 +70,7 @@
:show-game-label="showGameLabel" :show-game-label="showGameLabel"
:show-loader-label="showLoaderLabel" :show-loader-label="showLoaderLabel"
:show-player-count="showPlayerCount" :show-player-count="showPlayerCount"
:class="{ 'text-secondary': isDisabled }" :class="{ 'opacity-50': isDisabled }"
:linked="false" :linked="false"
class="pointer-events-none flex w-full flex-row flex-wrap items-center gap-2 text-primary *:hidden sm:flex-row sm:*:flex" class="pointer-events-none flex w-full flex-row flex-wrap items-center gap-2 text-primary *:hidden sm:flex-row sm:*:flex"
/> />