Skip to content

♻️ move from tailwind v3 to v4 #369

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
antoinekm merged 3 commits into from
Dec 31, 2025
Merged

♻️ move from tailwind v3 to v4 #369

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
990aecd
🔖 release version
antoinekm Dec 31, 2025
fb579a0
♻️ move from tailwind v3 to v4
antoinekm Dec 31, 2025
bb2721b
♻️ refactor feature components to use css variables for accent colors
antoinekm Dec 31, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 0 additions & 10 deletions .changeset/add-sitemap-options.md
View file
Open in desktop

This file was deleted.

2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,3 +44,5 @@ next-env.d.ts

# claude
.claude-files/

temp/
20 changes: 10 additions & 10 deletions apps/web/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,18 +19,17 @@
"@next/mdx": "^16.1.1",
"@onruntime/next-sitemap": "workspace:*",
"@onruntime/translations": "workspace:*",
"@radix-ui/react-accordion": "^1.2.3",
"@radix-ui/react-dialog": "^1.1.6",
"@radix-ui/react-accordion": "^1.2.12",
"@radix-ui/react-dialog": "^1.1.15",
"@radix-ui/react-dropdown-menu": "^2.1.16",
"@radix-ui/react-navigation-menu": "^1.2.3",
"@radix-ui/react-slot": "^1.1.1",
"@radix-ui/react-tabs": "^1.1.2",
"@radix-ui/react-toast": "^1.2.6",
"@radix-ui/react-navigation-menu": "^1.2.14",
"@radix-ui/react-slot": "^1.2.4",
"@radix-ui/react-tabs": "^1.1.13",
"@radix-ui/react-toast": "^1.2.15",
"@t3-oss/env-nextjs": "^0.13.0",
"@types/mdx": "^2.0.13",
"@vercel/og": "^0.8.0",
"@vercel/speed-insights": "^1.1.0",
"autoprefixer": "^10.4.20",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"lucide-react": "^0.562.0",
Expand All @@ -46,21 +45,22 @@
"reflect-metadata": "^0.2.2",
"resend": "^4.1.2",
"server-only": "^0.0.1",
"tailwind-merge": "^3.0.0",
"tailwindcss-animate": "^1.0.7",
"tailwind-merge": "^3.4.0",
"tw-animate-css": "^1.4.0",
"usehooks-ts": "^3.1.1",
"zod": "^3.24.2"
},
"devDependencies": {
"@ai-sdk/openai": "^3.0.2",
"@tailwindcss/postcss": "^4.1.18",
"@types/node": "^22.0.0",
"@types/react": "^19",
"@types/react-dom": "^19",
"ai": "^6.0.3",
"dotenv-flow": "^4.1.0",
"gray-matter": "^4.0.3",
"postcss": "^8.5.1",
"tailwindcss": "^3.4.17",
"tailwindcss": "^4.1.18",
"tsx": "^4.21.0",
"typescript": "^5"
}
Expand Down
3 changes: 1 addition & 2 deletions apps/web/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
/** @type {import('postcss-load-config').Config} */
const config = {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
};

Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/app/[locale]/agency/[city]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ export default async function CityPage({ params }: AgencyPageProps) {
return (
<div key={index} className="flex items-start gap-3 mb-4">
{Icon && (
<div className="p-1.5 rounded-md bg-onruntime-blue/10 text-onruntime-blue mt-0.5 flex-shrink-0">
<div className="p-1.5 rounded-md bg-onruntime-blue/10 text-onruntime-blue mt-0.5 shrink-0">
<Icon className="w-4 h-4" />
</div>
)}
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/app/[locale]/agency/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ export default async function AgencyLandingPage() {
height={30}
className={cn(
"absolute z-[-1] top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]"
"mask-[radial-gradient(300px_circle_at_center,white,transparent)]"
)}
/>
</div>
Expand Down Expand Up @@ -236,7 +236,7 @@ export default async function AgencyLandingPage() {
</div>

<div className="relative overflow-hidden rounded-lg border bg-card p-12">
<div className="absolute top-0 right-0 w-1/3 h-full bg-gradient-to-l from-onruntime-blue/10 to-transparent" />
<div className="absolute top-0 right-0 w-1/3 h-full bg-linear-to-l from-onruntime-blue/10 to-transparent" />
Copy link

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The gradient utility class syntax is incorrect for Tailwind v4. The class should use bg-gradient-to-l instead of bg-linear-to-l. In Tailwind v4, gradient utilities remain as bg-gradient-{direction}, not bg-linear-{direction}.

Suggested change
<div className="absolute top-0 right-0 w-1/3 h-full bg-linear-to-l from-onruntime-blue/10 to-transparent" />
<div className="absolute top-0 right-0 w-1/3 h-full bg-gradient-to-l from-onruntime-blue/10 to-transparent" />

Copilot uses AI. Check for mistakes.
<div className="max-w-2xl">
<h2 className="text-3xl font-medium text-foreground mb-4">
{t('cta.title')}
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/app/[locale]/glossary/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ export default async function GlossaryPage() {
height={30}
className={cn(
"z-[-1]",
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]"
"mask-[radial-gradient(300px_circle_at_center,white,transparent)]"
)}
/>
</div>
Expand Down Expand Up @@ -93,7 +93,7 @@ export default async function GlossaryPage() {
<div key={letter} id={letter} className="scroll-mt-32">
<div className="flex items-center gap-4 mb-6">
<h2 className="text-4xl font-bold text-foreground uppercase">{letter}</h2>
<div className="h-px flex-grow bg-border"></div>
<div className="h-px grow bg-border"></div>
<Link href={`/glossary/${letter}`}>
<Button variant="outline" size="sm">
{t('view-all')}
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/app/[locale]/glossary/tags/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ export default async function TagsPage() {
href={`/glossary/tag/${encodeURIComponent(tag)}`}
className="p-4 border rounded-lg hover:border-primary transition-colors flex items-center gap-3"
>
<TagIcon className="h-5 w-5 text-primary flex-shrink-0" />
<TagIcon className="h-5 w-5 text-primary shrink-0" />
<span className="font-medium text-foreground">{tag}</span>
</Link>
))}
Expand Down
1 change: 0 additions & 1 deletion apps/web/src/app/[locale]/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import "reflect-metadata";
import "@fontsource/cal-sans";
import "@/styles/reset.css";
import "@/styles/globals.css";

import type { ReactNode } from "react";
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/app/not-found.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
export default function NotFound() {
return (
<section className="h-[100vh] flex items-center justify-center flex-col gap-4">
<section className="h-screen flex items-center justify-center flex-col gap-4">
<h1 className="text-2xl font-semibold tracking-tighter">
404 - Page Not Found
</h1>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/glossary/alphabet-nav.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ export function GlossaryAlphabetNav({ availableLetters }: GlossaryAlphabetNavPro
return (
<div className="sticky top-24 z-30">
<div className="max-w-5xl mx-auto px-4 md:px-0">
<div className="rounded-lg shadow-xs bg-background/50 backdrop-blur-2xl p-2.5 border">
<div className="rounded-lg shadow-2xs bg-background/50 backdrop-blur-2xl p-2.5 border">
Copy link

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The shadow utility class shadow-2xs doesn't exist in Tailwind's default configuration. Standard shadow utilities are: shadow-sm, shadow, shadow-md, shadow-lg, shadow-xl, shadow-2xl. Consider using shadow-sm instead or add custom shadow values to the theme configuration.

Suggested change
<div className="rounded-lg shadow-2xs bg-background/50 backdrop-blur-2xl p-2.5 border">
<div className="rounded-lg shadow-sm bg-background/50 backdrop-blur-2xl p-2.5 border">

Copilot uses AI. Check for mistakes.
<div className="flex flex-wrap justify-center gap-1 md:gap-0.5">
{alphabet.map((letter, index) => {
const isAvailable = availableLetters.includes(letter);
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/glossary/search.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ export function GlossarySearch({ entries }: GlossarySearchProps) {
}}
onFocus={() => searchTerm.length > 0 && setIsOpen(true)}
placeholder={t('search.placeholder')}
className="w-full rounded-md border border-input pl-10 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
className="w-full rounded-md border border-input pl-10 pr-4 py-2 text-sm focus:outline-hidden focus:ring-2 focus:ring-primary"
/>
{searchTerm && (
<Button
Expand Down
12 changes: 6 additions & 6 deletions apps/web/src/components/marketing/agency/city-hero-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ const CityHeroSection = async ({ agency }: CityHeroSectionProps) => {
<div className="relative z-10 w-full max-w-xs aspect-square">

{agency.primaryStat && agency.primaryStat.icon && (
<div className={`absolute inset-0 rounded-full bg-onruntime-${accent}/5 backdrop-blur-sm border border-onruntime-${accent}/10 flex items-center justify-center`}>
<div className={`absolute inset-0 rounded-full bg-onruntime-${accent}/5 backdrop-blur-xs border border-onruntime-${accent}/10 flex items-center justify-center`}>
{React.createElement(
agency.primaryStat.icon,
{ className: `w-24 h-24 text-onruntime-${accent} opacity-30` }
Expand All @@ -63,7 +63,7 @@ const CityHeroSection = async ({ agency }: CityHeroSectionProps) => {
)}

<div
className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-background/80 backdrop-blur-sm p-4 rounded-lg border border-border shadow-sm"
className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-background/80 backdrop-blur-xs p-4 rounded-lg border border-border shadow-xs"
style={{ maxWidth: '160px' }}
>
<p className="text-center font-medium text-lg capitalize">{agency.name}</p>
Expand All @@ -74,9 +74,9 @@ const CityHeroSection = async ({ agency }: CityHeroSectionProps) => {
)}
</div>

<div className={`absolute right-0 top-0 w-20 h-20 rounded-full bg-onruntime-${accent}/10 backdrop-blur-sm border border-onruntime-${accent}/20`}></div>
<div className={`absolute left-12 bottom-12 w-16 h-16 rounded-full bg-onruntime-${accent}/15 backdrop-blur-sm border border-onruntime-${accent}/30`}></div>
<div className={`absolute left-0 top-1/4 w-12 h-12 rounded-full bg-onruntime-${accent}/20 backdrop-blur-sm border border-onruntime-${accent}/40`}></div>
<div className={`absolute right-0 top-0 w-20 h-20 rounded-full bg-onruntime-${accent}/10 backdrop-blur-xs border border-onruntime-${accent}/20`}></div>
<div className={`absolute left-12 bottom-12 w-16 h-16 rounded-full bg-onruntime-${accent}/15 backdrop-blur-xs border border-onruntime-${accent}/30`}></div>
<div className={`absolute left-0 top-1/4 w-12 h-12 rounded-full bg-onruntime-${accent}/20 backdrop-blur-xs border border-onruntime-${accent}/40`}></div>
</div>
</div>
</div>
Expand All @@ -91,7 +91,7 @@ const CityHeroSection = async ({ agency }: CityHeroSectionProps) => {
height={30}
className={cn(
"absolute inset-0 z-0",
"[mask-image:radial-gradient(ellipse_at_center,transparent_20%,black_100%)]"
"mask-[radial-gradient(ellipse_at_center,transparent_20%,black_100%)]"
)}
/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/agency/contact-cta.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ const ContactCTA = async ({ agency }: ContactCTAProps) => {
<span>{t('features.calendar')}</span>
</div>
<div className="flex items-start gap-3">
<svg xmlns="http://www.w3.org/2000/svg" className={`h-5 w-5 text-onruntime-${accent} flex-shrink-0 mt-0.5`} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<svg xmlns="http://www.w3.org/2000/svg" className={`h-5 w-5 text-onruntime-${accent} shrink-0 mt-0.5`} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
</svg>
<span>{t('features.expertise', { city: agency.name, region: agency.region })}</span>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/agency/local-portfolio.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ const LocalPortfolioProject = async ({
fill
/>
</div>
<div className="p-6 flex-grow flex flex-col">
<div className="p-6 grow flex flex-col">
<h3 className="text-xl font-medium mb-2">{project.name}</h3>
<p className="text-sm text-muted-foreground mb-4">{tProject("description")}</p>

Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/components/marketing/landing/customer/featured/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const Featured: React.FC = async () => {
const { t } = await getTranslation("components/marketing/landing/customer/featured");

return (
<header className="bg-gradient-to-t from-onruntime-magenta/10 to-transparent overflow-hidden">
<header className="bg-linear-to-t from-onruntime-magenta/10 to-transparent overflow-hidden">
Copy link

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The gradient utility class syntax is incorrect for Tailwind v4. The class should use bg-gradient-to-t instead of bg-linear-to-t. In Tailwind v4, gradient utilities remain as bg-gradient-{direction}, not bg-linear-{direction}.

Suggested change
<header className="bg-linear-to-t from-onruntime-magenta/10 to-transparent overflow-hidden">
<header className="bg-gradient-to-t from-onruntime-magenta/10 to-transparent overflow-hidden">

Copilot uses AI. Check for mistakes.
<div className="px-4 md:px-0 pt-16 flex flex-col justify-center items-center max-w-5xl mx-auto">
<div className="relative max-w-xl flex flex-col items-center gap-6">
<h1 className="font-semibold text-5xl md:text-6xl text-foreground text-center">
Expand Down Expand Up @@ -45,7 +45,7 @@ const Featured: React.FC = async () => {
height={30}
className={cn(
"z-[-1]",
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]"
"mask-[radial-gradient(300px_circle_at_center,white,transparent)]"
)}
/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/landing/page-switcher/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ const PageSwitcher: React.FC = () => {
value={pathname}
className="w-fit mx-auto"
>
<TabsList className="grid w-full grid-cols-2 bg-background/50 shadow-xs backdrop-blur-2xl pointer-events-auto">
<TabsList className="grid w-full grid-cols-2 bg-background/50 shadow-2xs backdrop-blur-2xl pointer-events-auto">
Copy link

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The shadow utility class shadow-2xs doesn't exist in Tailwind's default configuration. Standard shadow utilities are: shadow-sm, shadow, shadow-md, shadow-lg, shadow-xl, shadow-2xl. Consider using shadow-sm instead or add custom shadow values to the theme configuration.

Suggested change
<TabsList className="grid w-full grid-cols-2 bg-background/50 shadow-2xs backdrop-blur-2xl pointer-events-auto">
<TabsList className="grid w-full grid-cols-2 bg-background/50 shadow-sm backdrop-blur-2xl pointer-events-auto">

Copilot uses AI. Check for mistakes.
<TabsTrigger value={Routes.landing.customer} className="w-full" asChild>
<Link href={Routes.landing.customer} scroll={false}>
{t("customer")}
Expand Down
6 changes: 3 additions & 3 deletions apps/web/src/components/marketing/landing/visitor/featured/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const Featured: React.FC = async () => {
const { t } = await getTranslation("components/marketing/landing/visitor/featured");

return (
<header className="bg-gradient-to-t from-onruntime-blue/10 to-transparent">
<header className="bg-linear-to-t from-onruntime-blue/10 to-transparent">
Copy link

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The gradient utility class syntax is incorrect for Tailwind v4. The class should use bg-gradient-to-t instead of bg-linear-to-t. In Tailwind v4, gradient utilities remain as bg-gradient-{direction}, not bg-linear-{direction}.

Copilot uses AI. Check for mistakes.
<div className="px-4 md:px-0 py-16 flex flex-col justify-center items-center max-w-5xl mx-auto">
<div className="relative max-w-xl flex flex-col items-center gap-6">
<h1 className="font-semibold text-5xl md:text-6xl text-foreground text-center">
Expand Down Expand Up @@ -48,7 +48,7 @@ const Featured: React.FC = async () => {
height={30}
className={cn(
"z-[-1]",
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]"
"mask-[radial-gradient(300px_circle_at_center,white,transparent)]"
)}
/>
</div>
Expand All @@ -64,7 +64,7 @@ const Featured: React.FC = async () => {
sizes="100vw"
/>

<div className="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex flex-col justify-end items-center p-5 md:p-10 gap-5">
<div className="absolute inset-0 bg-linear-to-t from-black/60 to-transparent flex flex-col justify-end items-center p-5 md:p-10 gap-5">
Copy link

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The gradient utility class syntax is incorrect for Tailwind v4. The class should use bg-gradient-to-t instead of bg-linear-to-t. In Tailwind v4, gradient utilities remain as bg-gradient-{direction}, not bg-linear-{direction}.

Copilot uses AI. Check for mistakes.
<Image
className="hidden md:block self-start"
src={"/static/images/quotes.png"}
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/landing/visitor/projects/card/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({
})}
</div>
</div>
<div className="flex flex-col flex-grow">
<div className="flex flex-col grow">
<h3 className="text-foreground font-medium">{project.name}</h3>
<p className="text-sm text-muted-foreground leading-tight line-clamp-2 mt-1">
{tProject("short-description")}
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/landing/visitor/team/grid/card/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ const TeamMemberCard: React.FC<TeamMemberCardProps> = ({
const { t } = useTranslation("components/marketing/landing/visitor/team");

return (
<div className="flex-[1] min-w-0 transition-all duration-300 ease-in-out hover:flex-[1.5] group">
<div className="flex-1 min-w-0 transition-all duration-300 ease-in-out hover:flex-[1.5] group">
<div className="flex flex-col gap-2 w-full">
<div className="relative w-full h-[280px] rounded-lg overflow-hidden">
<Image
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/legal/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ const LegalPage: React.FC<LegalPageProps> = async ({
height={30}
className={cn(
"z-[-1]",
"[mask-image:radial-gradient(300px_circle_at_center,white,transparent)]"
"mask-[radial-gradient(300px_circle_at_center,white,transparent)]"
)}
/>
</div>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/navbar/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -201,7 +201,7 @@ const Navbar: React.FC = () => {
>
<div
className={
"flex flex-col bg-background/50 rounded-lg shadow-xs backdrop-blur-2xl transition-all duration-300"
"flex flex-col bg-background/50 rounded-lg shadow-2xs backdrop-blur-2xl transition-all duration-300"
Copy link

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The shadow utility class shadow-xs doesn't exist in Tailwind's default configuration. Standard shadow utilities are: shadow-sm, shadow, shadow-md, shadow-lg, shadow-xl, shadow-2xl. Consider using shadow-sm instead or add custom shadow values to the theme configuration.

Suggested change
"flex flex-col bg-background/50 rounded-lg shadow-2xs backdrop-blur-2xl transition-all duration-300"
"flex flex-col bg-background/50 rounded-lg shadow-sm backdrop-blur-2xl transition-all duration-300"

Copilot uses AI. Check for mistakes.
}
>
<div className="flex justify-between items-center p-2.5">
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/navbar/navigation/agencies/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ const NavigationAgencies: React.FC = () => {
<NavigationMenuLink asChild className="block">
<Link
href={Routes.agency.root}
className="group h-full select-none rounded-md bg-muted p-4 no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground"
className="group h-full select-none rounded-md bg-muted p-4 no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground"
>
<div className="flex h-full flex-col justify-between">
<div>
Expand Down
6 changes: 3 additions & 3 deletions apps/web/src/components/marketing/navbar/navigation/projects/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ const FeaturedProjectCard: React.FC<{ project: Project }> = ({ project }) => {
<NavigationMenuLink asChild className="block">
<Link
href={Routes.project(project.id)}
className="group flex p-3 gap-4 select-none rounded-md no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
className="group flex p-3 gap-4 select-none rounded-md no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
>
<div className="relative h-12 w-12 overflow-hidden rounded-md">
<Image
Expand Down Expand Up @@ -53,7 +53,7 @@ const ProjectCard: React.FC<{ project: Project }> = ({ project }) => {
<NavigationMenuLink asChild>
<Link
href={Routes.project(project.id)}
className="block select-none space-y-1 rounded-md p-3 no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
className="block select-none space-y-1 rounded-md p-3 no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
>
<div className="flex items-center justify-between">
<div className="text-sm font-medium leading-none">
Expand Down Expand Up @@ -98,7 +98,7 @@ const NavigationProjects: React.FC = () => {
<NavigationMenuLink asChild className="block">
<Link
href={Routes.projects}
className="group h-full select-none rounded-md bg-muted p-4 no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground"
className="group h-full select-none rounded-md bg-muted p-4 no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground"
>
<div className="flex h-full flex-col justify-between">
<div>
Expand Down
4 changes: 2 additions & 2 deletions apps/web/src/components/marketing/navbar/navigation/services/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ const ServiceCategoryCard: React.FC<{ service: ServiceCategoryData }> = ({ servi
<Link
href={Routes.service[service.id].root}
className={cn(
"flex flex-col gap-2 h-full select-none rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
"flex flex-col gap-2 h-full select-none rounded-md p-3 leading-none no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
)}
>
<div className="flex items-center gap-2">
Expand Down Expand Up @@ -94,7 +94,7 @@ const NavigationServices: React.FC = () => {
<NavigationMenuLink asChild className="block">
<Link
href={Routes.services}
className="group h-full select-none rounded-md bg-muted p-4 no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground"
className="group h-full select-none rounded-md bg-muted p-4 no-underline outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground"
>
<div className="flex h-full flex-col justify-between">
<div>
Expand Down
2 changes: 1 addition & 1 deletion apps/web/src/components/marketing/npo/donations/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ const Donations: React.FC = () => {
setSelectedAmount(null);
}}
placeholder={t("custom-amount.placeholder")}
className="w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-onruntime-blue"
className="w-full px-3 py-2 border rounded-md focus:outline-hidden focus:ring-2 focus:ring-onruntime-blue"
min="1"
/>
<span className="absolute right-3 top-1/2 transform -translate-y-1/2 text-foreground">
Expand Down
Loading