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

update disabled state text color

Browse Source
This commit is contained in:
tdgao
2026-03-23 14:52:07 -06:00
parent 0abdefd589
commit 324da50e3e
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/servers/ServerListing.vue
+10 -3
View File
@@ -20,9 +20,14 @@
<LockIcon v-else class="size-8 absolute" /> <LockIcon v-else class="size-8 absolute" />
</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" :class="{ 'grayscale opacity-75': isDisabled }"> <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 class="m-0 text-xl font-bold text-contrast">{{ name }}</h2> <h2
class="m-0 text-xl font-bold"
:class="{ 'text-contrast': !isDisabled, 'text-primary': isDisabled }"
>
{{ name }}
</h2>
<div <div
v-if="isConfiguring" v-if="isConfiguring"
class="flex min-w-0 items-center gap-2 truncate text-sm font-medium text-brand rounded-full bg-brand-highlight border border-solid border-brand px-2.5 h-[28px]" class="flex min-w-0 items-center gap-2 truncate text-sm font-medium text-brand rounded-full bg-brand-highlight border border-solid border-brand px-2.5 h-[28px]"
@@ -33,7 +38,8 @@
<div <div
v-if="projectData?.title" v-if="projectData?.title"
class="m-0 flex flex-row items-center gap-2 text-sm font-medium text-secondary" class="m-0 flex flex-row items-center gap-2 text-sm font-medium"
:class="{ 'text-secondary': isDisabled }"
> >
<Avatar <Avatar
:src="iconUrl" :src="iconUrl"
@@ -63,6 +69,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 }"
: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"
/> />