fix: add gravity-body class to project and KSuite pages for consistent styling
This commit is contained in:
@@ -100,7 +100,7 @@ const KSuiteOrganism = () => {
|
|||||||
|
|
||||||
const radius = 35;
|
const radius = 35;
|
||||||
const positions = kSuiteApps.map((_, i) =>
|
const positions = kSuiteApps.map((_, i) =>
|
||||||
getPosition(i, kSuiteApps.length, radius)
|
getPosition(i, kSuiteApps.length, radius),
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -298,7 +298,7 @@ const KSuiteAppCard = ({ app }: { app: KSuiteApp }) => {
|
|||||||
|
|
||||||
export default function KSuitePage() {
|
export default function KSuitePage() {
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen pt-20">
|
<div className="min-h-screen pt-20 gravity-body">
|
||||||
{/* Hero Section */}
|
{/* Hero Section */}
|
||||||
<section className="relative py-16 md:py-24 overflow-hidden">
|
<section className="relative py-16 md:py-24 overflow-hidden">
|
||||||
<div className="container mx-auto px-4 text-center">
|
<div className="container mx-auto px-4 text-center">
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import { notFound } from "next/navigation";
|
|||||||
function getProjectByName(name: string): Project | undefined {
|
function getProjectByName(name: string): Project | undefined {
|
||||||
const decodedName = decodeURIComponent(name.replace(/\+/g, " "));
|
const decodedName = decodeURIComponent(name.replace(/\+/g, " "));
|
||||||
return projects.find(
|
return projects.find(
|
||||||
(p) => p.name.toLowerCase() === decodedName.toLowerCase()
|
(p) => p.name.toLowerCase() === decodedName.toLowerCase(),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -69,7 +69,7 @@ export default async function ProjectDetailPage({
|
|||||||
project.github_url || project.visit_url || project.download_url;
|
project.github_url || project.visit_url || project.download_url;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col w-full h-full min-h-screen gap-4 p-4 pt-24">
|
<div className="flex flex-col w-full h-full min-h-screen gap-4 p-4 pt-24 gravity-body">
|
||||||
<div className="max-w-4xl mx-auto w-full">
|
<div className="max-w-4xl mx-auto w-full">
|
||||||
<h1 className="text-4xl font-extrabold mb-6 bg-gradient-to-r from-yellow-400 to-blue-400 bg-clip-text text-transparent tracking-tight">
|
<h1 className="text-4xl font-extrabold mb-6 bg-gradient-to-r from-yellow-400 to-blue-400 bg-clip-text text-transparent tracking-tight">
|
||||||
{project.name}
|
{project.name}
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ export const metadata: Metadata = {
|
|||||||
|
|
||||||
const ProjectsPage = () => {
|
const ProjectsPage = () => {
|
||||||
return (
|
return (
|
||||||
<div className="flex w-full h-full min-h-screen flex-col items-center gap-4 pt-24">
|
<div className="flex w-full h-full min-h-screen flex-col items-center gap-4 pt-24 gravity-body">
|
||||||
<h1 className="text-5xl font-bold text-center text-white">My Projects</h1>
|
<h1 className="text-5xl font-bold text-center text-white">My Projects</h1>
|
||||||
|
|
||||||
<div className="w-full flex flex-col items-center gap-16 mt-8">
|
<div className="w-full flex flex-col items-center gap-16 mt-8">
|
||||||
|
|||||||
Reference in New Issue
Block a user