@diagramers/admin
Version:
Diagramers Admin Template - React starter for admin dashboards.
59 lines (56 loc) • 2.5 kB
JavaScript
import React from 'react';
import { Button, Card, Col, Row } from 'react-bootstrap';
const ListVerticalThumbs = () => {
return (
<Card>
<Card.Body className="mb-n2">
<Row className="g-0 sh-9 mb-2 position-relative">
<Col xs="auto" className="h-100">
<img src="/img/product/small/product-4.webp" className="card-img rounded-md h-100 sw-6" alt="thumb" />
</Col>
<Col className="h-100">
<div className="d-flex flex-column pt-0 pb-0 ps-3 pe-0 h-100 justify-content-center">
<div className="d-flex flex-column">
<Button variant="link" className="p-0 stretched-link text-start">
Kommissbrot
</Button>
<div className="text-small text-muted text-truncate">Macaroon biscuit sesame plum gummi bears jujubes.</div>
</div>
</div>
</Col>
</Row>
<Row className="g-0 sh-9 mb-2 position-relative">
<Col xs="auto" className="h-100">
<img src="/img/product/small/product-4.webp" className="card-img rounded-md h-100 sw-6" alt="thumb" />
</Col>
<Col className="h-100">
<div className="d-flex flex-column pt-0 pb-0 ps-3 pe-0 h-100 justify-content-center">
<div className="d-flex flex-column">
<Button variant="link" className="p-0 stretched-link text-start">
Panettone
</Button>
<div className="text-small text-muted text-truncate">Carrot cake pie chocolate gummi bears jujubes.</div>
</div>
</div>
</Col>
</Row>
<Row className="g-0 sh-9 mb-2 position-relative">
<Col xs="auto" className="h-100">
<img src="/img/product/small/product-4.webp" className="card-img rounded-md h-100 sw-6" alt="thumb" />
</Col>
<Col className="h-100">
<div className="d-flex flex-column pt-0 pb-0 ps-3 pe-0 h-100 justify-content-center">
<div className="d-flex flex-column">
<Button variant="link" className="p-0 stretched-link text-start">
Yeast Karavai
</Button>
<div className="text-small text-muted text-truncate">Cookie jelly beans gummi bears jujubes.</div>
</div>
</div>
</Col>
</Row>
</Card.Body>
</Card>
);
};
export default ListVerticalThumbs;