beerpsi/daphnis
1
0
Fork 0
forked from PolarisPyra/daphnis
Code Pull Requests Activity

fixed misaligned text

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/(authenticated)/chunithm/page.tsx
View File

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

4
components/scoreplaylog/colums.tsx
View File

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