starred/linsa-linsa-io
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-07-09 21:12:38 +02:00
Code Issues 2 Packages Projects Releases Wiki Activity

fix(link): bottom bar

Browse Source
This commit is contained in:
Aslam H
2024-09-12 06:30:38 +07:00
parent c532514701
commit 7592631863
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/components/routes/link/bottom-bar.tsx
+5 -5
View File
@@ -3,7 +3,7 @@ import { motion, AnimatePresence } from "framer-motion"
import { icons, ZapIcon } from "lucide-react" import { icons, ZapIcon } from "lucide-react"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip" import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"
import { getSpecialShortcut, formatShortcut, isMacOS } from "@/lib/utils" import { getSpecialShortcut, formatShortcut, isMacOS, cn } from "@/lib/utils"
import { LaIcon } from "@/components/custom/la-icon" import { LaIcon } from "@/components/custom/la-icon"
import { useAtom } from "jotai" import { useAtom } from "jotai"
import { parseAsBoolean, useQueryState } from "nuqs" import { parseAsBoolean, useQueryState } from "nuqs"
@@ -22,9 +22,9 @@ interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Butto
} }
const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>( const ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>(
({ icon, onClick, tooltip, ...props }, ref) => { ({ icon, onClick, tooltip, className, ...props }, ref) => {
const button = ( const button = (
<Button variant="ghost" className="h-8 min-w-14" onClick={onClick} ref={ref} {...props}> <Button variant="ghost" className={cn("h-8 min-w-14 p-0", className)} onClick={onClick} ref={ref} {...props}>
<LaIcon name={icon} /> <LaIcon name={icon} />
</Button> </Button>
) )
@@ -148,7 +148,7 @@ export const LinkBottomBar: React.FC = () => {
{editId && ( {editId && (
<motion.div <motion.div
key="expanded" key="expanded"
className="flex items-center justify-center gap-1 px-2 py-1" className="flex h-full items-center justify-center gap-1 px-2"
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: 20 }} exit={{ opacity: 0, y: 20 }}
@@ -168,7 +168,7 @@ export const LinkBottomBar: React.FC = () => {
{!editId && ( {!editId && (
<motion.div <motion.div
key="collapsed" key="collapsed"
className="flex items-center justify-center gap-1 px-2 py-1" className="flex h-full items-center justify-center gap-1 px-2"
initial={{ opacity: 0, y: -20 }} initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -20 }} exit={{ opacity: 0, y: -20 }}