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

fix: some 🐛

Browse Source
This commit is contained in:
codytseng
2025-01-04 12:55:55 +08:00
parent 72e1478e43
commit 14eee0240b
7 changed files with 44 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,7 +8,7 @@ export default function BottomNavigationBar({ visible = true }: { visible?: bool
return (
<div
className={cn(
'fixed bottom-0 w-full z-20 bg-background/90 backdrop-blur-xl duration-700 transition-transform flex items-center justify-around [&_svg]:size-4 [&_svg]:shrink-0',
'fixed bottom-0 w-full z-20 bg-background/80 backdrop-blur-xl duration-700 transition-transform flex items-center justify-around [&_svg]:size-4 [&_svg]:shrink-0',
visible ? '' : 'translate-y-full'
)}
style={{

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

@@ -12,7 +12,7 @@ export function Titlebar({
return (
<div
className={cn(
'fixed sm:sticky top-0 w-full z-20 bg-background/90 backdrop-blur-xl duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0',
'fixed sm:sticky top-0 w-full z-20 bg-background duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0',
visible ? '' : '-translate-y-full',
className
)}

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

@@ -29,9 +29,9 @@ export default function WebPreview({
if (isSmallScreen && image) {
return (
<div className="relative border rounded-lg w-full h-44">
<Image src={image} className="rounded-lg object-cover w-full h-full" removeWrapper />
<div className="absolute bottom-0 z-10 bg-muted/70 px-2 py-1 w-full rounded-b-lg">
<div className="rounded-lg border mt-2">
<Image src={image} className="rounded-t-lg object-cover w-full h-44" removeWrapper />
<div className="bg-muted p-2 w-full rounded-b-lg">
<div className="text-xs text-muted-foreground">{hostname}</div>
<div className="font-semibold line-clamp-1">{title}</div>
</div>