Add shadows to HomePage

Author: davidde

src/components/content/home-page/blocks/index.tsx

@@ -11,7 +11,8 @@ export default function Blocks(props: {
 }) {
   return (
     <div className='border border-(--border-color) bg-(--comp-bg-color)
-                    rounded-lg w-full md:w-[48%] max-w-xl md:min-w-132 my-4 md:my-8 md:mr-12'>
+                    shadow-xl/20 dark:shadow-[#484848] rounded-lg
+                    w-full md:w-[48%] max-w-xl md:min-w-132 my-4 md:my-8 md:mr-12'>
       <h2 className='text-[1.15rem] font-bold p-2 pl-4 md:p-3 md:pl-4 border-b border-(--border-color)'>Latest Blocks</h2>
       {
         props.latestBlockData.error ?

src/components/content/home-page/node-banner.tsx

@@ -228,6 +228,7 @@ export default function NodeBanner(props: { className?: string }) {
 
   return (
     <div className={`${props.className} bg-(--banner-bg-color) w-full
+                shadow-xl/12 dark:shadow-xl/5 dark:shadow-[#484848]
                 h-(--node-banner-height-px) -mt-(--content-y-margin)`}>
       {/* The following 2 spans are required to make the conditional
           `window.getComputedStyle()` on line 90 work properly: */}

src/components/content/home-page/stats/index.tsx

@@ -102,6 +102,7 @@ export default function Stats() {
 
   return (
     <div className='border border-(--border-color) bg-(--comp-bg-color)
+                    shadow-xl/20 dark:shadow-[#484848]
                     rounded-lg w-full max-w-xl md:max-w-300 my-4 md:my-8 md:mr-12 py-2 md:py-0'>
       <div className='flex flex-col md:flex-row justify-between'>
         <StatCard

src/components/content/home-page/transactions/index.tsx

@@ -43,7 +43,8 @@ export default function Transactions(props: {
   }
   return (
     <div className='border border-(--border-color) bg-(--comp-bg-color)
-                    rounded-lg w-full md:w-[48%] max-w-xl md:min-w-132 mt-4 md:mt-8 md:mr-12'>
+                    shadow-xl/20 dark:shadow-[#484848] rounded-lg
+                    w-full md:w-[48%] max-w-xl md:min-w-132 mt-4 md:mt-8 md:mr-12'>
       <h2 className='text-[1.15rem] font-bold p-2 pl-4 md:p-3 md:pl-4 border-b border-(--border-color)'>
         Latest Transactions
       </h2>