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

[yoga-23] achievements.item.component.tsx : center items

Browse Source
This commit is contained in:
Roland Schneider 2025-08-27 15:34:46 +02:00
parent 587a4482db
commit a9ca4b3482
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
yoga-app/src/components/achievements.item.component.module.css Normal file
View File

@ -0,0 +1,4 @@
.textCenter{
text-align: center;
}

6
yoga-app/src/components/achievements.item.component.tsx
View File

@ -3,6 +3,10 @@ import {YogaAchivement_Plain} from "@/types/generated-strapi-interfaces/api/yoga
import {StrapiFile} from "@/types/types"; import {StrapiFile} from "@/types/types";
import strapiApi from "@/api/strapi/strapi-api"; import strapiApi from "@/api/strapi/strapi-api";
import styles from './achievements.item.component.module.css';
import clsx from "clsx";
export interface Props{ export interface Props{
achievement: YogaAchivement_Plain achievement: YogaAchivement_Plain
@ -15,7 +19,7 @@ const imageFile: StrapiFile = image as StrapiFile;
return ( return (
<div className="col-lg-2 col-md-4 col-sm-6 col-xs-12"> <div className="col-lg-2 col-md-4 col-sm-6 col-xs-12">
<div className="logo_wrapper"> <div className="logo_wrapper">
<figure className="mb-0"><YogaImageComponent src={strapiApi.getImageUrl(imageFile?.url)} alt="" className="img-fluid"/></figure> <figure className="mb-0"><YogaImageComponent src={strapiApi.getImageUrl(imageFile?.url)} alt="" className={clsx(styles.textCenter, "img-fluid")}/></figure>
<div className="logo_content"> <div className="logo_content">
{description} {description}
</div> </div>