fixed misaligned text

This commit is contained in:
Polaris 2024-07-21 11:35:22 -04:00
parent e557e55972
commit 51e6763124
2 changed files with 3 additions and 3 deletions

View File

@ -4,7 +4,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
const ChunithmPage = () => {
return (
<div className="p-10">
<Tabs defaultValue="account">
<Tabs defaultValue="scores">
<TabsList>
<TabsTrigger value="scores">Scores</TabsTrigger>
<TabsTrigger value="customize">Customize</TabsTrigger>

View File

@ -33,7 +33,7 @@ export const columns: ColumnDef<chunithm>[] = [
const jacketPath = row.original.jacketPath?.replace(".dds", ".png");
const [isLoading, setIsLoading] = useState(true);
return (
<div className="font-medium w-[300px] truncate">
<div className="font-medium w-[300px] truncate flex items-center">
{isLoading || !jacketPath ? (
<Skeleton className="w-8 h-8 inline-block mr-2" />
) : (
@ -44,7 +44,7 @@ export const columns: ColumnDef<chunithm>[] = [
className="w-8 h-8 inline-block mr-2"
/>
)}
<div className="flex-1">{row.original.title}</div>
<span className="truncate">{row.original.title}</span>
</div>
);
},