Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-09 16:13:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: properly center badge text

Browse Source
This commit is contained in:
iCrawl
2022-09-07 22:57:35 +02:00
parent 74dc8c10d5
commit 8e98ba94d2
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/website/src/components/CodeListing.tsx
View File

@@ -41,17 +41,17 @@ export function CodeListing({
{deprecation || readonly || optional ? ( {deprecation || readonly || optional ? (
<div className="flex flex-row gap-1"> <div className="flex flex-row gap-1">
{deprecation ? ( {deprecation ? (
<div className="h-5 place-content-center rounded-full bg-red-500 px-3 text-center text-xs font-semibold uppercase text-white"> <div className="flex h-5 place-content-center place-items-center rounded-full bg-red-500 px-3 text-center text-xs font-semibold uppercase text-white">
Deprecated Deprecated
</div> </div>
) : null} ) : null}
{readonly ? ( {readonly ? (
<div className="bg-blurple h-5 place-content-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white"> <div className="bg-blurple flex h-5 place-content-center place-items-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white">
Readonly Readonly
</div> </div>
) : null} ) : null}
{optional ? ( {optional ? (
<div className="bg-blurple h-5 place-content-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white"> <div className="bg-blurple flex h-5 place-content-center place-items-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white">
Optional Optional
</div> </div>
) : null} ) : null}

6
packages/website/src/components/MethodItem.tsx
View File

@@ -37,17 +37,17 @@ export function MethodItem({ data }: { data: ApiMethodJSON | ApiMethodSignatureJ
(data.kind === 'Method' && method.static) ? ( (data.kind === 'Method' && method.static) ? (
<div className="flex flex-row gap-1"> <div className="flex flex-row gap-1">
{data.deprecated ? ( {data.deprecated ? (
<div className="h-5 place-content-center rounded-full bg-red-500 px-3 text-center text-xs font-semibold uppercase text-white"> <div className="flex h-5 place-content-center place-items-center rounded-full bg-red-500 px-3 text-center text-xs font-semibold uppercase text-white">
Deprecated Deprecated
</div> </div>
) : null} ) : null}
{data.kind === 'Method' && method.protected ? ( {data.kind === 'Method' && method.protected ? (
<div className="bg-blurple h-5 place-content-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white"> <div className="bg-blurple flex h-5 place-content-center place-items-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white">
Protected Protected
</div> </div>
) : null} ) : null}
{data.kind === 'Method' && method.static ? ( {data.kind === 'Method' && method.static ? (
<div className="bg-blurple h-5 place-content-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white"> <div className="bg-blurple flex h-5 place-content-center place-items-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white">
Static Static
</div> </div>
) : null} ) : null}

4
packages/website/src/components/Sections.tsx
View File

@@ -66,12 +66,12 @@ export function ConstructorSection({ data }: { data: ApiConstructorJSON }) {
{data.deprecated || data.protected ? ( {data.deprecated || data.protected ? (
<div className="flex flex-row gap-1"> <div className="flex flex-row gap-1">
{data.deprecated ? ( {data.deprecated ? (
<div className="h-5 place-content-center rounded-full bg-red-500 px-3 text-center text-xs font-semibold uppercase text-white"> <div className="flex h-5 place-content-center place-items-center rounded-full bg-red-500 px-3 text-center text-xs font-semibold uppercase text-white">
Deprecated Deprecated
</div> </div>
) : null} ) : null}
{data.protected ? ( {data.protected ? (
<div className="bg-blurple h-5 place-content-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white"> <div className="bg-blurple flex h-5 place-content-center place-items-center rounded-full px-3 text-center text-xs font-semibold uppercase text-white">
Protected Protected
</div> </div>
) : null} ) : null}