style: repository cards
This commit is contained in:
parent
c5bace0660
commit
3998b60888
@ -49,21 +49,21 @@ export const ProjectRepoCard: React.FC<ProjectRepoCardProps> = ({
|
|||||||
onClick={createProject}
|
onClick={createProject}
|
||||||
>
|
>
|
||||||
{/* Icon container */}
|
{/* Icon container */}
|
||||||
<div className="w-10 h-10 bg-base-bg rounded-md justify-center items-center flex">
|
<div className="w-10 h-10 bg-base-bg rounded-md justify-center items-center flex dark:bg-overlay">
|
||||||
<GithubIcon />
|
<GithubIcon />
|
||||||
</div>
|
</div>
|
||||||
{/* Content */}
|
{/* Content */}
|
||||||
<div className="flex flex-1 gap-3 flex-wrap">
|
<div className="flex flex-1 gap-3 flex-wrap">
|
||||||
<div className="flex flex-col gap-1">
|
<div className="flex flex-col gap-1">
|
||||||
<p className="text-elements-high-em text-sm font-medium tracking-[-0.006em]">
|
<p className="text-elements-high-em dark:text-foreground text-sm font-medium tracking-[-0.006em]">
|
||||||
{repository.full_name}
|
{repository.full_name}
|
||||||
</p>
|
</p>
|
||||||
<p className="text-elements-low-em text-xs">
|
<p className="text-elements-low-em dark:text-foreground-secondary text-xs">
|
||||||
{repository.updated_at && relativeTimeISO(repository.updated_at)}
|
{repository.updated_at && relativeTimeISO(repository.updated_at)}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
{repository.visibility === 'private' && (
|
{repository.visibility === 'private' && (
|
||||||
<div className="bg-orange-50 border border-orange-200 px-2 py-1 flex items-center gap-1 rounded-lg text-xs text-orange-600 h-fit">
|
<div className="bg-orange-50 border border-orange-200 px-2 py-1 flex items-center gap-1 rounded-lg text-xs text-orange-600 dark:text-error h-fit">
|
||||||
<LockIcon />
|
<LockIcon />
|
||||||
Private
|
Private
|
||||||
</div>
|
</div>
|
||||||
|
@ -166,7 +166,9 @@ export const RepositoryList = () => {
|
|||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="mt-4 p-6 flex flex-col gap-4 items-center justify-center">
|
<div className="mt-4 p-6 flex flex-col gap-4 items-center justify-center">
|
||||||
<p className="text-elements-high-em font-sans">No repository found</p>
|
<p className="text-elements-high-em dark:text-foreground font-sans">
|
||||||
|
No repository found
|
||||||
|
</p>
|
||||||
<Button
|
<Button
|
||||||
variant="tertiary"
|
variant="tertiary"
|
||||||
leftIcon={<RefreshIcon />}
|
leftIcon={<RefreshIcon />}
|
||||||
|
Loading…
Reference in New Issue
Block a user