ourworld_web/www_projectmycelium_com
22
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 9 Pull Requests Projects Releases Activity

refactor: remove dark mode styling from agent and home pages

Browse Source 
- Simplified styling by removing dark mode classes (dark:bg-*, dark:text-*, dark:border-*)
- Added explicit text color classes for better consistency
- Fixed animation container layout with proper centering and sizing
This commit is contained in:
sasha-astiadi
2025-11-14 22:51:19 +01:00
parent a3028ff448
commit 56ceac1319
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/home/HomeDesign.tsx
View File

@@ -26,19 +26,19 @@ const benefits = [
export function HomeDesign() {
return (
<section className="w-full max-w-8xl mx-auto bg-white dark:bg-transparent">
<section className="w-full max-w-8xl mx-auto bg-white">
{/* Top spacing line */}
<div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-200 dark:border-gray-800" />
<div className="w-full border border-l border-r border-gray-200 dark:border-gray-800" />
<div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-200" />
<div className="w-full border border-l border-r border-gray-200" />
{/* Content */}
<div className="mx-auto max-w-7xl border-gray-200 dark:border-gray-800">
<div className="mx-auto max-w-7xl border-gray-200">
<dl className="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-0">
{benefits.map((item) => (
<div
key={item.id}
className="group flex items-start gap-2 bg-white/40 dark:bg-black/40 px-8 py-12 border border-gray-200 dark:border-gray-800 lg:border-t-0 lg:border-b-0"
className="group flex items-start gap-2 bg-white px-8 py-12 border border-gray-200 0 lg:border-t-0 lg:border-b-0"
>
{/* Image on the LEFT */}
<img
@@ -49,10 +49,10 @@ export function HomeDesign() {
{/* Text on the RIGHT */}
<div className="text-left">
<h3 className="text-base font-semibold tracking-wide text-gray-900 dark:text-white mb-2">
<h3 className="text-base font-semibold tracking-wide text-gray-900 mb-2">
{item.title}
</h3>
<p className="text-sm text-gray-600 dark:text-gray-300 leading-relaxed max-w-xs">
<p className="text-sm text-gray-600 leading-relaxed max-w-xs">
{item.description}
</p>
</div>