Styling tweaks

packages/gitbook/src/components/Header/Header.tsx

@@ -54,7 +54,7 @@ export function Header(props: {
                 'dark:bg-dark',
                 withTopHeader ? null : 'lg:hidden',
                 'text-sm',
-                'bg-opacity-9',
+                'bg-opacity-8',
                 'dark:bg-opacity-9',
                 'backdrop-blur-lg',
                 'contrast-more:bg-opacity-11',
@@ -124,13 +124,10 @@ export function Header(props: {
                                           'max-w-lg',
                                           'lg:ml-[max(calc((100%-18rem-48rem-4rem)/2),1rem)]',
                                           'xl:ml-[max(calc((100%-18rem-48rem-14rem-4rem)/2),1rem)]',
-                                          'mr-auto',
+                                          'lg:mr-auto',
                                           'page-no-toc:lg:ml-[max(calc((100%-18rem-48rem-18rem-4rem)/2),1rem)]',
                                           'order-last',
                                           'lg:order-[unset]',
-
-                                          //   isMultiVariants &&
-                                          //   'page-no-toc:order-last page-no-toc:ml-0 page-no-toc:grow-0',
                                       ]
                                     : ['order-last'],
                             )}

packages/gitbook/src/components/Header/headerLinks.module.css

@@ -21,7 +21,7 @@
         }
     }
 }
-@container headerlinks ( width < 250px ) {
+@container headerlinks ( width < 300px ) {
     .containerHeaderlinks > :nth-child(n + 2) {
         display: none;
     }
@@ -32,7 +32,7 @@
         }
     }
 }
-@container headerlinks ( width < 350px ) {
+@container headerlinks ( width < 400px ) {
     .containerHeaderlinks > :nth-child(n + 3) {
         display: none;
     }
@@ -43,7 +43,7 @@
         }
     }
 }
-@container headerlinks ( width < 450px ) {
+@container headerlinks ( width < 500px ) {
     .containerHeaderlinks > :nth-child(n + 4) {
         display: none;
     }
@@ -54,7 +54,7 @@
         }
     }
 }
-@container headerlinks ( width < 550px ) {
+@container headerlinks ( width < 600px ) {
     .containerHeaderlinks > :nth-child(n + 5) {
         display: none;
     }
@@ -65,7 +65,7 @@
         }
     }
 }
-@container headerlinks ( width < 650px ) {
+@container headerlinks ( width < 700px ) {
     .containerHeaderlinks > :nth-child(n + 6) {
         display: none;
     }

packages/gitbook/src/components/Search/SearchButton.tsx

@@ -72,7 +72,7 @@ export function SearchButton(props: { children?: React.ReactNode; style?: ClassV
                 'transition-all',
                 'hover:shadow-md',
                 'hover:scale-102',
-                'hover:ring-dark/2',
+                'hover:ring-dark/4',
                 'hover:text-dark/10',
                 'focus:shadow-md',
                 'focus:scale-102',
@@ -93,7 +93,7 @@ export function SearchButton(props: { children?: React.ReactNode; style?: ClassV
                 'dark:contrast-more:focus:ring-light',
 
                 'active:shadow-sm',
-                'active:scale-98',
+                'active:scale-100',
 
                 'md:justify-start',
                 'md:w-full',