add layout bg gradient #4

ukorvl · Jul 6, 2023 · ac75713 · ac75713
1 parent b22833a
commit ac75713
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -15,9 +15,9 @@ const bodyCn = clsx(
   'antialiased',
   'font-sans',
   'text-white',
-  'bg-alternate',
   'flex',
   'flex-col',
+  'bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-alternate via-alternate to-black',
 );
 
 const mainCn = clsx('flex', 'flex-col', 'items-center', 'justify-center', 'p-24', 'min-h-screen');

diff --git a/components/Footer/Icons.tsx b/components/Footer/Icons.tsx
@@ -45,7 +45,7 @@ const iconsConfig: IconConfig[] = [
 ];
 
 const iconsCn = clsx('flex', 'justify-center', 'flex-nowrap', 'gap-4', 'select-none');
-const iconCn = clsx('');
+const iconCn = clsx('hover:scale-105 hover:-translate-y-0.5 transition-transform');
 /**
  * @todo Add gradient color on hover.
  */

diff --git a/tailwind/colors.js b/tailwind/colors.js
@@ -1,7 +1,7 @@
 /** @type {Record<string, string>} */
 module.exports = {
   'white': '#fefefe',
-  'black': '#000000',
+  'black': '#111111',
   'primary': '#4f5bac',
   'alternate': '#110728',
   'accent0': '#9e2077',