rschneider/yogastic
1
0
Fork 0
Code Issues 28 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

[yoga-12] serviceList page improvements - improve block with right image

Browse Source
This commit is contained in:
Roland Schneider
2025-09-15 08:48:09 +02:00
parent 1414b6ff74
commit c89dd356fb
11 changed files with 523 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
yoga-app/src/components/block.with.right.image.component.tsx
View File

@@ -12,14 +12,14 @@ export default function BlockWithRightImage({
return (
<section className={clsx("mission_section",styles.blockWithRightImage)} id={id}>
<section className={clsx("block_with_right_image_section","block_with_image","block_with_right_image")} id={id}>
<div className="container">
<div className="mission_box">
<div className="block_with_image_box">
<div className="row">
<div className="col-lg-12 col-md-12 col-sm-12 col-xs-12" data-aos="fade-up">
<div className={ clsx("mission_content",styles.blockRightMissionContent)}>
<div className={ clsx("block_with_right_image_content","block-with-image-content","block-with-right-image-content")}>
{
url && <div className="mission_image">
url && <div className="block_with_right_image_image d-lg-block d-md-block d-sm-none d-xs-none d-none">
<figure className="mb-0">
<YogaImageComponent src={url} alt=""
className={clsx("img-fluid", "float-right", styles.rightImage)}/>
@@ -35,10 +35,17 @@ export default function BlockWithRightImage({
</div>
</div>
</div>
{ url && <div className="block_with_right_image_image d-lg-none d-md-none col-sm-12 col-xs-12">
<figure className="mb-0">
<YogaImageComponent src={url} alt=""
className={clsx("img-fluid", "float-right", styles.rightImage)}/>
</figure>
</div>
}
</div>
</div>
<figure className="mission_right_shape right_shape mb-0">
<YogaImageComponent src="./assets/images/our_mission_shape.png" alt="" className="img-fluid"/>
<figure className="block_with_right_image_right_shape right_shape mb-0">
<YogaImageComponent src="./assets/images/our_block_with_image_shape.png" alt="" className="img-fluid"/>
</figure>
</div>
</section>