Update hero and navbar styles

storj · Aug 19, 2024 · c479d79 · c479d79
1 parent 5fd1b25
commit c479d79
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -18,7 +18,7 @@ function TrafficLightsIcon(props) {
 
 export function Hero({ className }) {
   return (
-    <div className={clsx('overflow-hidden', className)}>
+    <div className={clsx('overflow-hidden border-b-2 border-slate-100 dark:border-slate-900', className)}>
       <div className="py-16 sm:px-2 lg:relative lg:px-0 lg:py-20">
         <div className="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-8 gap-y-16 px-4 lg:max-w-8xl lg:grid-cols-2 lg:px-8 xl:gap-x-16 xl:px-12">
           <div className="relative z-10 md:text-center lg:text-left">

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -34,7 +34,7 @@ export default function Navbar() {
   return (
     <header
       className={clsx(
-        'sticky top-0 z-50 bg-white px-4 pb-5 pt-5 shadow-md shadow-slate-900/5 transition duration-500 dark:shadow-none sm:px-6 lg:divide-y lg:divide-gray-200 lg:px-8 lg:pb-0',
+        'sticky top-0 z-50 bg-white px-4 pb-5 pt-5 shadow-md shadow-slate-900/5 dark:shadow-0 dark:border-b-2 dark:border-slate-900 transition duration-500 sm:px-6 lg:divide-y lg:divide-gray-200 lg:px-8 lg:pb-0',
         isScrolled
           ? 'dark:bg-storj-black/95 dark:backdrop-blur dark:[@supports(backdrop-filter:blur(0))]:bg-storj-black/75'
           : 'dark:bg-transparent'
@@ -68,7 +68,7 @@ export default function Navbar() {
         </div>
       </div>
       <nav
-        className="mt-5 hidden py-4 lg:flex lg:space-x-8"
+        className="hidden py-4 lg:flex lg:space-x-8 border-none"
         aria-label="Global"
       >
         <Spaces />