Replace all remaining bootstrap utility classes with tailwind classes

This commit is contained in:
Alejandro Celaya
2025-04-05 12:14:27 +02:00
parent d188d67c5a
commit 5e0db07ef3
9 changed files with 39 additions and 50 deletions

View File

@@ -1,14 +1,14 @@
import { faChevronRight as chevronIcon } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { clsx } from 'clsx';
import type { FC, PropsWithChildren } from 'react';
import type { FC } from 'react';
import { Link } from 'react-router';
import type { ServerWithId } from './data';
type ServersListGroupProps = PropsWithChildren<{
type ServersListGroupProps = {
servers: ServerWithId[];
borderless?: boolean;
}>;
};
const ServerListItem = ({ id, name }: { id: string; name: string }) => (
<Link
@@ -25,9 +25,8 @@ const ServerListItem = ({ id, name }: { id: string; name: string }) => (
</Link>
);
export const ServersListGroup: FC<ServersListGroupProps> = ({ servers, children, borderless }) => (
export const ServersListGroup: FC<ServersListGroupProps> = ({ servers, borderless }) => (
<>
{children && <div data-testid="title" className="fs-5 fw-normal lh-sm">{children}</div>}
{servers.length > 0 && (
<div
data-testid="list"