34 |
--------------------------------------------------------------------------------
/docs/docs/SHOWCASE/showcase.css:
--------------------------------------------------------------------------------
1 | .showcaseContainer {
2 | display: flex;
3 | /* justify-content: space-between; */
4 | flex-wrap: wrap;
5 | gap: 20px;
6 | }
7 |
8 | .showcaseItem {
9 | flex: 1;
10 | color: inherit;
11 | text-decoration: none;
12 | }
13 |
14 | .showcaseItem a:hover {
15 | color: red;
16 | text-decoration: none !important;
17 | }
18 |
19 | .showcaseItem b {
20 | font-size: 1rem;
21 | }
22 |
23 | .showcaseItem .showcaseTagline {
24 | display: -webkit-box;
25 | -webkit-line-clamp: 2;
26 | -webkit-box-orient: vertical;
27 | overflow: hidden;
28 | text-overflow: ellipsis;
29 | margin: 0;
30 | }
31 |
32 | .showcaseBanner {
33 | width: 100%;
34 | aspect-ratio: 16/9;
35 | object-fit: cover;
36 | }
37 |
38 | @media (max-width: 768px) {
39 | .showcaseItem {
40 | flex: 100%;
41 | margin-right: 0;
42 | }
43 | }
44 |
45 | @media (min-width: 992px) {
46 | /* lg */
47 | .showcaseItem {
48 | max-width: 33.333%;
49 | }
50 | }
51 |
52 | @media (min-width: 1200px) {
53 | /* xl */
54 | .showcaseItem {
55 | max-width: 33.333%;
56 | }
57 | }
58 |
59 | @media (min-width: 1400px) {
60 | /* xxl */
61 | .showcaseItem {
62 | max-width: 33.333%;
63 | }
64 | }
65 |
66 | @media (max-width: 480px) {
67 | .showcaseItem {
68 | flex: 100%;
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/docs/docs/SHOWCASE/showcase.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "banner": "https://github.com/user-attachments/assets/84ec6432-1557-4649-965c-6100d9c4c12d",
4 | "title": "✨ Binsoo - Photo Filters & Editor",
5 | "link": "https://apps.apple.com/vn/app/binsoo-photo-filters-editor/id6502683720",
6 | "tagline": "Endless aesthetics and effects"
7 | },
8 | {
9 | "banner": "https://github.com/user-attachments/assets/72a7787a-4a41-40e3-b6bb-a5c7b0eafc83",
10 | "title": "Pupi",
11 | "link": "https://apps.apple.com/vn/app/pupi-h%E1%BB%8Dc-vui-ti%E1%BA%BFn-b%E1%BB%99/id1638474798",
12 | "tagline": "Học vui & tiến bộ"
13 | },
14 | {
15 | "banner": "https://github.com/user-attachments/assets/dd92d243-7fb0-40ff-9b78-7b4fd2a54092",
16 | "title": "Pety",
17 | "link": "https://apps.apple.com/vn/app/pety/id1506375124",
18 | "tagline": "New Lifestyle for Pet Lovers"
19 | }
20 | ]
21 |
--------------------------------------------------------------------------------
/docs/docs/USAGE.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | id: usage
3 | title: Usage
4 | sidebar_label: Usage
5 | slug: /usage
6 | ---
7 |
8 | Here is a simple usage of the Multiple Image Picker.