From 811388dd2e1cc52438d0d2a6273b1aa00616150b Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Wed, 30 Jul 2025 22:40:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Image/index.tsx      |  2 +-
 src/components/Note/Poll.tsx        |  4 ++--
 src/components/WebPreview/index.tsx | 10 +++++-----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Image/index.tsx b/src/components/Image/index.tsx
index e8c9423b..77cc26aa 100644
--- a/src/components/Image/index.tsx
+++ b/src/components/Image/index.tsx
@@ -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}
diff --git a/src/components/Note/Poll.tsx b/src/components/Note/Poll.tsx
index 8994ba6a..ad834f69 100644
--- a/src/components/Note/Poll.tsx
+++ b/src/components/Note/Poll.tsx
@@ -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}%` }}
diff --git a/src/components/WebPreview/index.tsx b/src/components/WebPreview/index.tsx
index fd441153..931b53c2 100644
--- a/src/components/WebPreview/index.tsx
+++ b/src/components/WebPreview/index.tsx
@@ -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
         />
       )}