GraphictoriaWeb/web/resources/js/layouts/Card.js

26 lines
533 B
JavaScript

// © XlXi 2021
// Graphictoria 5
import React from 'react';
export const Card = (props) => {
return (
<div className="container graphictoria-center-vh">
<div className={`card graphictoria-small-card shadow-sm ${props.className}`}>
<div className={`card-body ${props.padding? `p5r` : null} text-center`}>
{ props.children }
</div>
</div>
</div>
);
};
export const CardTitle = (props) => {
return (
<>
<h5 className="card-title fw-bold">{ props.children }</h5>
<hr className="mx-5"/>
</>
);
};