디자인 변경

features/dashboard/components/orderbook/OrderBook.tsx

@@ -309,6 +309,7 @@ function BookSideRows({
                     value={row.size}
                     format={fmt}
                     useColor
+                    side="ask"
                     className="relative z-10"
                   />
                 </>
@@ -323,7 +324,11 @@ function BookSideRows({
                   "border-x-amber-400 bg-amber-50/70 dark:bg-amber-800/20",
               )}
             >
-              <span className={isAsk ? "text-red-600" : "text-blue-600 dark:text-blue-400"}>
+              <span
+                className={
+                  isAsk ? "text-red-600" : "text-blue-600 dark:text-blue-400"
+                }
+              >
                 {row.price > 0 ? fmt(row.price) : "-"}
               </span>
               <span
@@ -349,6 +354,7 @@ function BookSideRows({
                     value={row.size}
                     format={fmt}
                     useColor
+                    side="bid"
                     className="relative z-10"
                   />
                 </>
@@ -451,7 +457,9 @@ function Row({
 }) {
   return (
     <div className="mb-1.5 flex items-center justify-between gap-2 rounded border bg-background px-2 py-1 dark:border-brand-800/45 dark:bg-black/20">
-      <span className="min-w-0 truncate text-muted-foreground dark:text-brand-100/70">{label}</span>
+      <span className="min-w-0 truncate text-muted-foreground dark:text-brand-100/70">
+        {label}
+      </span>
       <span
         className={cn(
           "shrink-0 font-medium tabular-nums",