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

[yoga-24] our services component: make images rounded with css

Browse Source
This commit is contained in:
Roland Schneider 2025-08-27 07:22:46 +02:00
parent f1069f3124
commit 917918d742
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
yoga-app/src/components/our.services.item.component.module.css
View File

@ -31,6 +31,11 @@
padding-right: 0; padding-right: 0;
} }
.rounded-image{
border-top-left-radius: 60px;
border-bottom-right-radius: 60px;
}
/*:global(div.slick-active):nth-last-child(n!*){*/ /*:global(div.slick-active):nth-last-child(n!*){*/
/* padding-left: 6px;*/ /* padding-left: 6px;*/
/* padding-right: 0;*!*/ /* padding-right: 0;*!*/

3
yoga-app/src/components/our.services.item.component.tsx
View File

@ -4,6 +4,7 @@ import {StrapiFile} from "@/types/types";
import strapiApi from "@/api/strapi/strapi-api"; import strapiApi from "@/api/strapi/strapi-api";
import styles from './our.services.item.component.module.css' import styles from './our.services.item.component.module.css'
import Link from "next/link"; import Link from "next/link";
import classNames from "classnames";
export interface Props { export interface Props {
config: YogaSingleService_Plain config: YogaSingleService_Plain
@ -22,7 +23,7 @@ const OurServiceItemComponent = ({config: {header,description,image,name}}: Prop
<div className="services_box_content"> <div className="services_box_content">
<div className="services_box_upper_portion"> <div className="services_box_upper_portion">
<figure className="mb-0"> <figure className="mb-0">
<YogaImageComponent src={strapiApi.getImageUrl(imageFile.url)} alt="" className="img-fluid"/> <YogaImageComponent src={strapiApi.getImageUrl(imageFile.url)} alt="" className={classNames(styles.roundedImage,"img-fluid" )}/>
</figure> </figure>
</div> </div>
<div className="services_box_lower_portion"> <div className="services_box_lower_portion">