koodiklinikka/koodiklinikka.fi
1
0
Fork 0
mirror of https://github.com/koodiklinikka/koodiklinikka.fi.git synced 2026-01-26 03:14:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: run prettier

Browse Source
This commit is contained in:
Petri Partio
2024-09-25 23:35:00 +03:00
parent 897be1e1bf
commit 56639010e8
5 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ChannelGrid.tsx
View File

@@ -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"

6
components/FeatureImage.tsx
View File

@@ -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>
);
}

2
components/Footer.tsx
View File

@@ -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"

2
components/Form.tsx
View File

@@ -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}
/>

2
components/Nav.tsx
View File

@@ -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>