2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
import{j as r}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as e}from"./ComponentCard-C2b5w2__.js";import{P as a}from"./main-af3pcbZa.js";function i(){return r.jsx("div",{className:"relative",children:r.jsx("div",{className:"overflow-hidden",children:r.jsx("img",{src:"/images/grid-image/image-01.png",alt:"Cover",className:"w-full border border-gray-200 rounded-xl dark:border-gray-800"})})})}function d(){return r.jsxs("div",{className:"grid grid-cols-1 gap-5 sm:grid-cols-2",children:[r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-02.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})}),r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-03.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})})]})}function s(){return r.jsxs("div",{className:"grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-3",children:[r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-04.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})}),r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-05.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})}),r.jsx("div",{children:r.jsx("img",{src:"/images/grid-image/image-06.png",alt:" grid",className:"border border-gray-200 rounded-xl dark:border-gray-800"})})]})}function o(){return r.jsxs(r.Fragment,{children:[r.jsx(a,{title:"React.js Images Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Images page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),r.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[r.jsx(e,{title:"Responsive image",children:r.jsx(i,{})}),r.jsx(e,{title:"Image in 2 Grid",children:r.jsx(d,{})}),r.jsx(e,{title:"Image in 3 Grid",children:r.jsx(s,{})})]})]})}export{o as default};
|