style: apply design qa

Nexters · Feb 25, 2024 · 4e5bdc5 · 4e5bdc5
1 parent b4b5d54
commit 4e5bdc5
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 25 deletions.
diff --git a/src/app/(main)/stock/[id]/_components/investment-tip.tsx b/src/app/(main)/stock/[id]/_components/investment-tip.tsx
@@ -11,7 +11,7 @@ interface InvestmentTipProps {
 export const InvestmentTip = React.memo(({ exDividendDate, earliestPaymentDate }: InvestmentTipProps) => {
   return (
     <div className="flex w-full flex-col border-b border-grey-200 px-5 py-8">
-      <h4 className="mb-7 text-h4 text-grey-800">Investment Tip</h4>
+      <h4 className="mb-6 text-h4 text-grey-800">Investment Tip</h4>
 
       <div className="flex w-full flex-col gap-5">
         <div className="flex items-center justify-between">

diff --git a/src/app/(main)/stock/[id]/_components/stock-drawer.tsx b/src/app/(main)/stock/[id]/_components/stock-drawer.tsx
@@ -19,7 +19,7 @@ export const StockInfoDrawer = React.memo(({ handleInfoClick }: StockInfoDrawerP
     <DrawerContent className="mx-auto  max-w-[--max-width] ">
       <DrawerHeader>
         <DrawerTitle className="mb-6 flex flex-col">
-          <p className=" text-h3 text-grey-900">{"Latest Price"}</p>
+          <p className=" text-h3 font-semibold text-grey-900">{"Latest Price"}</p>
           <p className="mt-1 ">
             <span className="text-body3 text-grey-600">{`Last updated `}</span>
             <span className="text-body3 text-main-700">2024/01/27 21:38</span>

diff --git a/src/app/(main)/ticker/_components/ticker-drawer.tsx b/src/app/(main)/ticker/_components/ticker-drawer.tsx
@@ -61,7 +61,7 @@ export const TickerDrawer = React.memo(
     return (
       <DrawerContent className="mx-auto h-[calc(100%-100px)] max-w-[--max-width] ">
         <DrawerHeader>
-          <DrawerTitle className="mb-10 text-h3">{title}</DrawerTitle>
+          <DrawerTitle className="mb-10 text-h3 font-semibold text-grey-900">{title}</DrawerTitle>
           <Input
             value={tickerName}
             label="Ticker"

diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx
@@ -58,13 +58,7 @@ DrawerFooter.displayName = "DrawerFooter";
 const DrawerTitle = React.forwardRef<
   React.ElementRef<typeof DrawerPrimitive.Title>,
   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <DrawerPrimitive.Title
-    ref={ref}
-    className={cn("text-lg font-semibold leading-none tracking-tight", className)}
-    {...props}
-  />
-));
+>(({ className, ...props }, ref) => <DrawerPrimitive.Title ref={ref} className={className} {...props} />);
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 
 const DrawerDescription = React.forwardRef<

diff --git 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-blue-700",
+      focused: "border-2 border-main-700",
       error: "border-error",
     },
   },
@@ -28,19 +28,7 @@ const containerVariants = cva("", {
   },
 });
 
-const inputVariants = cva("outline-none w-full h-9", {
-  variants: {
-    variant: {
-      default: "border-grey-300",
-      focused: "border-2 border-blue-700",
-      error: "border-error",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-  },
-});
-const labelVariants = cva("block text-h6 mb-1.5", {
+const labelVariants = cva("block mb-1.5 text-sm font-semibold", {
   variants: {
     variant: {
       default: "text-grey-700",
@@ -76,7 +64,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
         <div
           className={
             cn(containerVariants({ variant: inputState })) +
-            " outline-none relative flex w-full justify-center rounded-lg border px-4 py-2"
+            " outline-none relative flex w-full justify-center rounded-lg border px-5 py-2"
           }
         >
           <input