From 56639010e8e9f91f408e5a78bf5c81aff0229fd8 Mon Sep 17 00:00:00 2001
From: Petri Partio <petri.partio@gmail.com>
Date: Wed, 25 Sep 2024 23:35:00 +0300
Subject: [PATCH] style: run prettier

---
 components/ChannelGrid.tsx  | 2 +-
 components/FeatureImage.tsx | 6 +++---
 components/Footer.tsx       | 2 +-
 components/Form.tsx         | 2 +-
 components/Nav.tsx          | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/ChannelGrid.tsx b/components/ChannelGrid.tsx
index bf9025d..b4d9090 100644
--- a/components/ChannelGrid.tsx
+++ b/components/ChannelGrid.tsx
@@ -18,7 +18,7 @@ export default function ChannelGrid({ channels }: { channels: Channel[] }) {
             className="absolute bottom-0 left-0 right-0 top-0 z-10 m-px rounded-[8px] bg-[#2c0c33]"
             style={{ WebkitMask: 'linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,0))' }}
           ></div>
-          <div className="relative z-20 flex flex-col items-center  justify-center gap-1 px-3 py-6 font-mono">
+          <div className="relative z-20 flex flex-col items-center justify-center gap-1 px-3 py-6 font-mono">
             <a
               href={`https://app.slack.com/client/T03BQ3NU9/${channel.id}`}
               target="_blank"
diff --git a/components/FeatureImage.tsx b/components/FeatureImage.tsx
index 426608c..ef6fef3 100644
--- a/components/FeatureImage.tsx
+++ b/components/FeatureImage.tsx
@@ -12,16 +12,16 @@ export default function FeatureImage({
   alt: string;
 }) {
   return (
-    <div className="relative  rounded-[18px] p-px shadow-2xl">
+    <div className="relative rounded-[18px] p-px shadow-2xl">
       <div
-        className="fade-in-out absolute bottom-0 left-0 right-0 top-0 z-0  rounded-[17px] bg-gradient-to-tr from-[#4d094e] to-pink-500/70 p-[2px] "
+        className="fade-in-out absolute bottom-0 left-0 right-0 top-0 z-0 rounded-[17px] bg-gradient-to-tr from-[#4d094e] to-pink-500/70 p-[2px]"
         style={{
           WebkitMask: 'linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0))',
           animationDelay: `${Math.floor(Math.random() * 5) + 1 * 0.5}s`,
         }}
       ></div>
 
-      <Image className="relative z-10 block rounded-2xl " src={src} alt={alt} width={width} height={height} />
+      <Image className="relative z-10 block rounded-2xl" src={src} alt={alt} width={width} height={height} />
     </div>
   );
 }
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 26e5758..0e96370 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -3,7 +3,7 @@ import Image from 'next/image';
 export default function Footer() {
   return (
     <div className="space-y-10 pt-24 text-center">
-      <div className="flex items-center justify-center gap-10 ">
+      <div className="flex items-center justify-center gap-10">
         <a
           href="https://koodiklinikka.slack.com/"
           className="opacity-50 transition-opacity hover:opacity-100 focus-visible:opacity-100"
diff --git a/components/Form.tsx b/components/Form.tsx
index 6cb38a8..018ef63 100644
--- a/components/Form.tsx
+++ b/components/Form.tsx
@@ -98,7 +98,7 @@ export default function Form() {
                 type="email"
                 name="email"
                 required
-                className={`m-px block grow rounded bg-gradient-to-b from-[#0b0b21] to-[#1e092e] px-3 py-2  text-fuchsia-100 placeholder:text-fuchsia-100/25 md:rounded-lg md:px-4 md:py-4 lg:px-5 lg:py-5 lg:text-lg ${isSubmitting ? 'opacity-75' : ''}`}
+                className={`m-px block grow rounded bg-gradient-to-b from-[#0b0b21] to-[#1e092e] px-3 py-2 text-fuchsia-100 placeholder:text-fuchsia-100/25 md:rounded-lg md:px-4 md:py-4 lg:px-5 lg:py-5 lg:text-lg ${isSubmitting ? 'opacity-75' : ''}`}
                 placeholder="minna.meikalainen@example.org"
                 tabIndex={1}
               />
diff --git a/components/Nav.tsx b/components/Nav.tsx
index 16aa723..acd0b68 100644
--- a/components/Nav.tsx
+++ b/components/Nav.tsx
@@ -55,7 +55,7 @@ export default function Nav() {
               </svg>
             </button>
             <div
-              className={`${navOpen ? 'flex' : 'hidden'} text-shadow absolute right-0 top-12 flex-col divide-white/15 rounded-lg bg-black/90 py-2 text-xs uppercase tracking-widest text-pink-100  backdrop-blur-md lg:static lg:-mr-6 lg:flex lg:flex-row lg:divide-x lg:bg-transparent lg:backdrop-blur-none`}
+              className={`${navOpen ? 'flex' : 'hidden'} text-shadow absolute right-0 top-12 flex-col divide-white/15 rounded-lg bg-black/90 py-2 text-xs uppercase tracking-widest text-pink-100 backdrop-blur-md lg:static lg:-mr-6 lg:flex lg:flex-row lg:divide-x lg:bg-transparent lg:backdrop-blur-none`}
             >
               <NavLink href="https://github.com/koodiklinikka">GitHub</NavLink>
               <NavLink href="https://koodiklinikka.slack.com">Slack</NavLink>