mirror of
https://github.com/Equicord/Equicord.git
synced 2025-06-07 05:42:55 -04:00
fix(serverListIndicators): consistency (#260)
This commit is contained in:
parent
9e77c33ac4
commit
0b51a8068d
2 changed files with 17 additions and 11 deletions
|
@ -25,7 +25,7 @@ import ErrorBoundary from "@components/ErrorBoundary";
|
|||
import { Devs, EquicordDevs } from "@utils/constants";
|
||||
import definePlugin, { OptionType } from "@utils/types";
|
||||
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 {
|
||||
SERVER = 1 << 0,
|
||||
|
@ -74,9 +74,11 @@ function FriendsIndicator() {
|
|||
</path>
|
||||
</svg>
|
||||
}
|
||||
<span id="vc-friendcount-text">{onlineFriendsCount}
|
||||
{!!settings.store.useCompact && <span id="vc-friendcount-text-compact">Friends</span>}
|
||||
</span>
|
||||
<Text
|
||||
variant="text-xs/normal"
|
||||
id="vc-friendcount-text">{onlineFriendsCount}
|
||||
</Text>
|
||||
{!!settings.store.useCompact && <Text variant="text-xs/normal" id="vc-friendcount-text-compact">Friends</Text>}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
@ -108,9 +110,11 @@ function ServersIndicator() {
|
|||
</path>
|
||||
</svg>
|
||||
}
|
||||
<span id="vc-guildcount-text">{guildCount}
|
||||
{!!settings.store.useCompact && <span id="vc-guildcount-text-compact">Servers</span>}
|
||||
</span>
|
||||
<Text
|
||||
variant="text-xs/normal"
|
||||
id="vc-guildcount-text">{guildCount}
|
||||
</Text>
|
||||
{!!settings.store.useCompact && <Text variant="text-xs/normal" id="vc-guildcount-text-compact">Servers</Text>}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -12,10 +12,11 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
border-radius: 24%;
|
||||
height: 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;
|
||||
}
|
||||
|
||||
|
@ -56,7 +57,8 @@
|
|||
#vc-guildcount {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
width: 100%;
|
||||
|
@ -65,6 +67,6 @@
|
|||
|
||||
#vc-friendcount-icon,
|
||||
#vc-guildcount-icon {
|
||||
width: var(--size-12);
|
||||
height: var(--size-12);
|
||||
width: var(--size-14);
|
||||
height: var(--size-14);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue