hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: polish UI details

Browse source
This commit is contained in:
codytseng 2025-12-04 23:24:16 +08:00
parent 881dedb6b6
commit 6bcab6d563
45 changed files with 140 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/WebPreview/index.tsx
View file

@ -42,7 +42,7 @@ export default function WebPreview({
if (isSmallScreen && image) {
return (
<div
className="rounded-lg border mt-2 overflow-hidden"
className="rounded-xl border mt-2 overflow-hidden"
onClick={(e) => {
e.stopPropagation()
window.open(url, '_blank')
@ -59,7 +59,7 @@ export default function WebPreview({
return (
<div
className={cn('p-0 clickable flex w-full border rounded-lg overflow-hidden', className)}
className={cn('p-0 clickable flex w-full border rounded-xl overflow-hidden', className)}
onClick={(e) => {
e.stopPropagation()
window.open(url, '_blank')
@ -68,7 +68,10 @@ export default function WebPreview({
{image && (
<Image
image={{ url: image }}
className="aspect-[4/3] xl:aspect-video bg-foreground h-44 rounded-none"
className="aspect-[4/3] xl:aspect-video bg-foreground h-44 rounded-none border-r"
classNames={{
skeleton: 'rounded-none border-r'
}}
hideIfError
/>
)}