diff --git a/src/app/(main)/ticker/_components/ticker-content.tsx b/src/app/(main)/ticker/_components/ticker-content.tsx index 615c0e8..4e7a063 100644 --- a/src/app/(main)/ticker/_components/ticker-content.tsx +++ b/src/app/(main)/ticker/_components/ticker-content.tsx @@ -91,6 +91,7 @@ const TickerContent = React.memo(() => { const handleDeleteClick = React.useCallback(() => { const prevStock = selectedStock; + const stockLength = stocks.length; if (selectedStock) { removeStock(selectedStock); resetData(); @@ -102,11 +103,14 @@ const TickerContent = React.memo(() => { handleUndo={() => { prevStock && addStock(prevStock); }} + style={{ + marginBottom: stockLength === 1 ? "0" : "4.5rem", + }} /> )); return isDrawerOpenChange(false); } - }, [addStock, isDrawerOpenChange, removeStock, resetData, selectedStock]); + }, [addStock, isDrawerOpenChange, removeStock, resetData, selectedStock, stocks.length]); const handleConfirmClick = React.useCallback(() => { if (selectedStock) { diff --git a/src/components/common/toast/toast.tsx b/src/components/common/toast/toast.tsx index 8c2f93a..4416f79 100644 --- a/src/components/common/toast/toast.tsx +++ b/src/components/common/toast/toast.tsx @@ -19,11 +19,12 @@ const Toast = React.memo(({ t, title, isRevertable, handleUndo, ...props }: Toas return (

{title}

{isRevertable && } @@ -33,7 +34,7 @@ const Toast = React.memo(({ t, title, isRevertable, handleUndo, ...props }: Toas const UndoButton = React.memo(({ onClick }: { onClick: () => void }) => { return ( - ); diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx index ee8d328..5ea1f3d 100644 --- a/src/components/ui/input.tsx +++ b/src/components/ui/input.tsx @@ -19,7 +19,7 @@ const containerVariants = cva("", { variants: { variant: { default: "border-grey-300", - focused: "border-2 border-main-700", + focused: "border border-main-700", error: "border-error", }, },