дизайн

src/component/DualSpreadsheet/components/FormulaBar.tsx

@@ -1,4 +1,4 @@
-import { Save } from 'lucide-react'
+import { Save, Sigma } from 'lucide-react'
 import { memo } from 'react'
 import { ExcelUploadPanel } from '../../TemplateManager/ExcelUploadPanel'
 import { FormulaBarProps } from '../types'
@@ -29,8 +29,8 @@ export const FormulaBar = memo(
       <div className="formula-bar flex-shrink-0 border-b bg-background px-3 py-1.5">
         <div className="flex items-center space-x-3">
           {/* Адрес ячейки */}
-          <div className="flex min-w-[45px] items-center justify-center rounded border bg-muted px-1.5 py-0.5">
-            <span className="text-xs font-medium text-muted-foreground">
+          <div className="flex min-w-[45px] items-center justify-center rounded border bg-muted px-2 py-1">
+            <span className="text-sm font-medium text-muted-foreground">
               {selectedCell
                 ? `${getColumnLabel(selectedCell.col)}${selectedCell.row + 1}`
                 : 'A1'}
@@ -40,19 +40,7 @@ export const FormulaBar = memo(
           {/* Строка формул */}
           <div className="flex flex-1 items-center space-x-2">
             <div className="flex items-center text-muted-foreground">
-              <svg
-                className="h-3.5 w-3.5"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 002 2z"
-                />
-              </svg>
+              <Sigma className="h-5 w-5" />
             </div>
             <input
               ref={formulaBarRef}