mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 🎨

Browse Source
This commit is contained in:
codytseng
2025-07-30 22:40:50 +08:00
parent ed4800de6e
commit 811388dd2e
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Image/index.tsx
View File

@@ -95,7 +95,7 @@ export default function Image({
return (
<div className={cn('relative', classNames.wrapper)} {...props}>
{isLoading && <Skeleton className={cn('absolute inset-0 rounded-lg', className)} />}
{isLoading && <Skeleton className={cn('absolute inset-0', className)} />}
{!hasError ? (
<img
src={imageUrl}

4
src/components/Note/Poll.tsx
View File

@@ -167,7 +167,7 @@ export default function Poll({ event, className }: { event: Event; className?: s
key={option.id}
title={option.label}
className={cn(
'relative w-full px-4 py-3 rounded-lg border transition-all flex items-center gap-2',
'relative w-full px-4 py-3 rounded-lg border transition-all flex items-center gap-2 overflow-hidden',
canVote ? 'cursor-pointer' : 'cursor-not-allowed',
canVote &&
(selectedOptionIds.includes(option.id)
@@ -203,7 +203,7 @@ export default function Poll({ event, className }: { event: Event; className?: s
{/* Progress Bar Background */}
<div
className={cn(
'absolute inset-0 rounded-md transition-all duration-700 ease-out',
'absolute inset-0 rounded-r-sm transition-all duration-700 ease-out',
isMax ? 'bg-primary/60' : 'bg-muted/90'
)}
style={{ width: `${percentage}%` }}

10
src/components/WebPreview/index.tsx
View File

@@ -23,14 +23,14 @@ export default function WebPreview({ url, className }: { url: string; className?
if (isSmallScreen && image) {
return (
<div
className="rounded-lg border mt-2"
className="rounded-lg border mt-2 overflow-hidden"
onClick={(e) => {
e.stopPropagation()
window.open(url, '_blank')
}}
>
<Image image={{ url: image }} className="w-full h-44 rounded-t-lg" hideIfError />
<div className="bg-muted p-2 w-full rounded-b-lg">
<Image image={{ url: image }} className="w-full h-44 rounded-none" hideIfError />
<div className="bg-muted p-2 w-full">
<div className="text-xs text-muted-foreground">{hostname}</div>
<div className="font-semibold line-clamp-1">{title}</div>
</div>
@@ -40,7 +40,7 @@ export default function WebPreview({ url, className }: { url: string; className?
return (
<div
className={cn('p-0 clickable flex w-full border rounded-lg', className)}
className={cn('p-0 clickable flex w-full border rounded-lg overflow-hidden', className)}
onClick={(e) => {
e.stopPropagation()
window.open(url, '_blank')
@@ -49,7 +49,7 @@ export default function WebPreview({ url, className }: { url: string; className?
{image && (
<Image
image={{ url: image }}
className="rounded-lg aspect-[4/3] xl:aspect-video object-cover bg-foreground h-44"
className="aspect-[4/3] xl:aspect-video object-cover bg-foreground h-44 rounded-none"
hideIfError
/>
)}