Adjusted height

invoiceninja · Feb 18, 2025 · cd605a3 · cd605a3
1 parent 8ba3d82
commit cd605a3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/QuickCreatePopover.tsx b/src/components/QuickCreatePopover.tsx
@@ -53,7 +53,7 @@ export function QuickCreatePopover() {
           <StyledPopoverButton
             data-cy="quickPopoverButton"
             className="flex items-center justify-center h-10 w-10 rounded-lg border shadow-sm focus:outline-none"
-            style={{ borderColor: colors.$5 }}
+            style={{ height: '2.3rem', borderColor: colors.$5 }}
             theme={{
               hoverBackgroundColor: colors.$4,
               backgroundColor: colors.$1,

diff --git a/src/components/layouts/Default.tsx b/src/components/layouts/Default.tsx
@@ -102,7 +102,8 @@ export function Default(props: Props) {
   const isMiniSidebar = Boolean(
     user?.company_user?.react_settings.show_mini_sidebar
   );
-  const shouldShowUnlockButton = !isDemo() && (useUnlockButtonForHosted() || useUnlockButtonForSelfHosted());
+  const shouldShowUnlockButton =
+    !isDemo() && (useUnlockButtonForHosted() || useUnlockButtonForSelfHosted());
 
   const [sidebarOpen, setSidebarOpen] = useState<boolean>(false);
 
@@ -463,8 +464,9 @@ export function Default(props: Props) {
 
               {shouldShowUnlockButton && (
                 <button
-                  className="hidden sm:inline-flex items-center justify-center py-[9px] px-4 rounded-[6px] text-sm font-medium text-white relative overflow-hidden"
+                  className="hidden sm:inline-flex items-center justify-center px-4 rounded-md text-sm font-medium text-white relative overflow-hidden"
                   style={{
+                    height: '2.25rem',
                     background: '#2176FF',
                     border: '1px solid #0062ff',
                     boxShadow:

diff --git a/src/pages/dashboard/components/Search.tsx b/src/pages/dashboard/components/Search.tsx
@@ -300,7 +300,7 @@ export function Search$() {
       <div
         className="hidden lg:flex items-center border rounded-md p-1.5 space-x-5"
         onClick={() => setIsModalOpen(true)}
-        style={{ borderColor: colors.$5 }}
+        style={{ height: '2.3rem', borderColor: colors.$5 }}
       >
         <div className="flex items-center space-x-1.5 pl-1">
           <SearchIcon color={colors.$5} />