emre/www_projectmycelium_com
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: standardize background color to #121212

Browse Source 
- Replaced inconsistent gray-900 and #171717 background colors with unified #121212 across all pages
- Removed unused imports from multiple component files
- Cleaned up trailing spaces in className attributes
This commit is contained in:
sasha-astiadi
2025-11-08 01:02:42 +01:00
parent 22e2e4b80c
commit a7dd803da2
28 changed files with 44 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/storage/StorageArchitecture.tsx
View File

@@ -2,7 +2,7 @@
import { useState } from "react";
import { Container } from "@/components/Container";
import { Eyebrow, SectionHeader, P, H3, H4, H5, CT, CP } from "@/components/Texts";
import { Eyebrow, P, H3, H5, CP } from "@/components/Texts";
const architecture = [
{
@@ -49,7 +49,7 @@ export function StorageArchitecture() {
{architecture.map((item, index) => (
<button
key={item.title}
className={`w-full border bg-[#171717] text-left border-white/10 p-4 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8
className={`w-full border bg-[#121212] text-left border-white/10 p-4 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8
${active === index
? "border-cyan-400 shadow-md"
: "border-gray-800 hover:border-cyan-200 hover:shadow-sm"}`}
@@ -61,7 +61,7 @@ export function StorageArchitecture() {
</div>
{/* RIGHT — 2 columns */}
<div className="lg:col-span-2 flex items-center justify-center border border-gray-800 bg-[#171717] p-10 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8" >
<div className="lg:col-span-2 flex items-center justify-center border border-gray-800 bg-[#121212] p-10 backdrop-blur-sm transition hover:-translate-y-1 hover:border-cyan-300/50 hover:bg-white/8" >
<div
key={active} // ✅ force smooth transition
className="transition-opacity duration-300 opacity-100 animate-fade"