improve: dark theme

This commit is contained in:
Mahyar Khanbolooki
2025-08-13 00:13:46 +03:30
parent 772235502c
commit 947c5f8b34
8 changed files with 22 additions and 22 deletions
+4 -4
View File
@@ -16,9 +16,9 @@ function Comment({ user, rating, date, text, tags, className = '' }: Props) {
return (
<div className={className}>
<div className="flex items-center justify-start">
<span className="rounded-sm bg-primary h-5 mb-1 w-13 flex items-center justify-center gap-1">
<Star1 className='fill-white mb-0.5' size={12} />
<span className='text-sm2 font-medium text-white mt-1'>{rating}</span>
<span className="rounded-sm bg-primary dark:bg-foreground h-5 mb-1 w-13 flex items-center justify-center gap-1">
<Star1 className='fill-white dark:fill-primary mb-0.5' size={12} />
<span className='text-sm2 font-medium text-white dark:text-primary mt-1'>{rating}</span>
</span>
<span className='ms-2 text-sm2'>{user}</span>
<span className='ms-3 mb-1 size-1.5 bg-border rounded-full'></span>
@@ -31,7 +31,7 @@ function Comment({ user, rating, date, text, tags, className = '' }: Props) {
<ul className='mt-3 flex flex-wrap items-center justify-start gap-2'>
{tags.map((v, i) => (
<li key={i} className='text-xs py-1.5 px-3 bg-[#F2F2F2] rounded-sm text-center'>
<li key={i} className='text-xs py-1.5 px-3 bg-[#F2F2F2] dark:bg-neutral-700 dark:text-disabled-text rounded-sm text-center'>
{v}
</li>
))}