Update Footer.tsx styling (tinacms#2774)

kldavis4 · Jan 21, 2025 · 29c592d · 29c592d
1 parent 1bc1c9b
commit 29c592d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
@@ -44,7 +44,7 @@ const LinkGroup = ({ item, isOpen, onClick }: {
 }) => {
   return (
     <details
-      className={`inline-block drop-shadow-sm relative opacity-90 text-white uppercase text-lg lg:text-xl font-tuner transition duration-150 ease-out ${isOpen ? 'open' : ''}`}
+      className={`inline-block drop-shadow-sm relative opacity-90 text-white text-lg lg:text-xl font-tuner transition duration-150 ease-out ${isOpen ? 'open' : ''}`}
       open={isOpen}
       onClick={(e) => {
         e.preventDefault(); 
@@ -74,7 +74,7 @@ export const LinkItem = ({ item }) => {
 
   return (
     <DynamicLink href={link} passHref>
-      <div className="inline-block drop-shadow-sm relative opacity-90 hover:opacity-100 text-white uppercase text-lg lg:text-xl font-tuner transition duration-150 ease-out hover:-translate-y-px hover:drop-shadow-[0_0_6px_rgba(255,255,255,0.5)] active:translate-y-px hover:-translate-x-px active:translate-x-px">
+      <div className="inline-block drop-shadow-sm relative opacity-90 hover:opacity-100 text-white text-lg lg:text-xl font-tuner transition duration-150 ease-out hover:-translate-y-px hover:drop-shadow-[0_0_6px_rgba(255,255,255,0.5)] active:translate-y-px hover:-translate-x-px active:translate-x-px">
         {label}
       </div>
     </DynamicLink>
@@ -119,7 +119,7 @@ export const Footer = () => {
                 className="flex flex-col items-stretch justify-start gap-2"
               >
                 {hasHeader && (
-                  <p className="uppercase text-orange-100 font-bold -mt-1">
+                  <p className="uppercase text-orange-100 opacity-70 font-bold -mt-1">
                     {column.header}
                   </p>
                 )}

diff --git a/components/logo/TinaIcon.tsx b/components/logo/TinaIcon.tsx
@@ -12,7 +12,7 @@ export const TinaIcon = ({
     <Link href={link} className={className}>
         <h1 className="flex items-center">
           <TinaIconSvg
-            className={`${children ? 'w-8' : 'w-10'} h-auto ${
+            className={`${children ? 'w-8' : 'w-20'} h-auto ${
               color === 'orange' ? 'fill-orange-500' : 'fill-white'
             }`}
           />

diff --git a/content/footer/Master-Footer.json b/content/footer/Master-Footer.json
@@ -1,6 +1,5 @@
 {
   "Column1": {
-    "header": "Product",
     "footerItem": [
       {
         "label": "Showcase",
@@ -30,7 +29,6 @@
     ]
   },
   "Column2": {
-    "header": "Resources",
     "footerItem": [
       {
         "label": "Blog",
@@ -62,7 +60,7 @@
   "Column3": {
     "footerItem": [
       {
-        "label": "Whats New",
+        "label": "What's New",
         "items": [
           {
             "label": "TinaCMS",