forked from emre/www_projectmycelium_com
refactor: adjust CloudFeaturesLight layout and remove duplicate CloudFeatures section
- Changed vertical alignment from items-start to items-center in desktop grid - Reduced top margins for better spacing consistency (mt-20→mt-12, mt-16→mt-12) - Removed redundant CloudFeatures section from CloudPage
This commit is contained in:
@@ -142,7 +142,7 @@ function CloudFeaturesDesktop() {
|
|||||||
return (
|
return (
|
||||||
<TabGroup
|
<TabGroup
|
||||||
vertical
|
vertical
|
||||||
className="grid grid-cols-12 items-start gap-10"
|
className="grid grid-cols-12 items-center gap-10"
|
||||||
selectedIndex={selectedIndex}
|
selectedIndex={selectedIndex}
|
||||||
onChange={onChange}
|
onChange={onChange}
|
||||||
>
|
>
|
||||||
@@ -263,11 +263,11 @@ export function CloudFeaturesLight() {
|
|||||||
</div>
|
</div>
|
||||||
</Container>
|
</Container>
|
||||||
|
|
||||||
<div className="hidden md:block mt-20">
|
<div className="hidden md:block mt-12">
|
||||||
<CloudFeaturesDesktop />
|
<CloudFeaturesDesktop />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="md:hidden mt-16">
|
<div className="md:hidden mt-12">
|
||||||
<CloudFeaturesMobile />
|
<CloudFeaturesMobile />
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -25,10 +25,6 @@ export default function CloudPage() {
|
|||||||
<CloudFeaturesLight />
|
<CloudFeaturesLight />
|
||||||
</AnimatedSection>
|
</AnimatedSection>
|
||||||
|
|
||||||
<AnimatedSection>
|
|
||||||
<CloudFeatures />
|
|
||||||
</AnimatedSection>
|
|
||||||
|
|
||||||
<AnimatedSection>
|
<AnimatedSection>
|
||||||
<CloudArchitecture />
|
<CloudArchitecture />
|
||||||
</AnimatedSection>
|
</AnimatedSection>
|
||||||
|
|||||||
Reference in New Issue
Block a user