mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-06-08 14:13:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

fix(serverListIndicators): consistency (#260)
Some checks are pending
Test / Test (push) Waiting to run
Details
Release / Build Equicord (push) Waiting to run
Details

Browse source
This commit is contained in:
panbread 2025-05-15 22:24:42 +04:00 • committed by GitHub
parent 9e77c33ac4
commit 0b51a8068d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/plugins/serverListIndicators/index.tsx
View file

@ -25,7 +25,7 @@ import ErrorBoundary from "@components/ErrorBoundary";
import { Devs, EquicordDevs } from "@utils/constants"; import { Devs, EquicordDevs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types"; import definePlugin, { OptionType } from "@utils/types";
import { findStoreLazy } from "@webpack"; import { findStoreLazy } from "@webpack";
import { GuildStore, PresenceStore, RelationshipStore, Tooltip, useStateFromStores } from "@webpack/common"; import { GuildStore, PresenceStore, RelationshipStore, Text, Tooltip, useStateFromStores } from "@webpack/common";
const enum IndicatorType { const enum IndicatorType {
SERVER = 1 << 0, SERVER = 1 << 0,
@ -74,9 +74,11 @@ function FriendsIndicator() {
</path> </path>
</svg> </svg>
} }
<span id="vc-friendcount-text">{onlineFriendsCount} <Text
{!!settings.store.useCompact && <span id="vc-friendcount-text-compact">Friends</span>} variant="text-xs/normal"
</span> id="vc-friendcount-text">{onlineFriendsCount}
</Text>
{!!settings.store.useCompact && <Text variant="text-xs/normal" id="vc-friendcount-text-compact">Friends</Text>}
</div> </div>
); );
} }
@ -108,9 +110,11 @@ function ServersIndicator() {
</path> </path>
</svg> </svg>
} }
<span id="vc-guildcount-text">{guildCount} <Text
{!!settings.store.useCompact && <span id="vc-guildcount-text-compact">Servers</span>} variant="text-xs/normal"
</span> id="vc-guildcount-text">{guildCount}
</Text>
{!!settings.store.useCompact && <Text variant="text-xs/normal" id="vc-guildcount-text-compact">Servers</Text>}
</div> </div>
); );
} }

10
src/plugins/serverListIndicators/styles.css
View file

@ -12,10 +12,11 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-sizing: border-box;
border-radius: 24%; border-radius: 24%;
height: var(--guildbar-avatar-size); height: var(--guildbar-avatar-size);
width: var(--guildbar-avatar-size); width: var(--guildbar-avatar-size);
background-color: var(--background-surface-higher); background-color: var(--background-mod-subtle);
transition: border-radius 0.15s ease-out, background-color 0.15s ease-out; transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
} }
@ -56,7 +57,8 @@
#vc-guildcount { #vc-guildcount {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: center;
gap: 4px;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
width: 100%; width: 100%;
@ -65,6 +67,6 @@
#vc-friendcount-icon, #vc-friendcount-icon,
#vc-guildcount-icon { #vc-guildcount-icon {
width: var(--size-12); width: var(--size-14);
height: var(--size-12); height: var(--size-14);
} }