Skip to content

Commit 1b4fcb1

Browse files
ariflogsariflogs
authored
Merge pull request #13 from ariflogs/new-install-guide
New install guide
2 parents c8d7479 + 0942b2d commit 1b4fcb1

File tree

25 files changed

+403
-65
lines changed

25 files changed

+403
-65
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,8 @@ jobs:
2424

2525
- name: Build and push to DockerHub
2626
run: |
27-
docker build -t devarifhossain/retroui:1.02 ./
28-
docker push devarifhossain/retroui:1.02
27+
docker build -t devarifhossain/retroui:1.03 ./
28+
docker push devarifhossain/retroui:1.03
2929
3030
- name: Set up SSH
3131
uses: webfactory/[email protected]
@@ -38,4 +38,4 @@ jobs:
3838
3939
- name: Deploy to VPS
4040
run: |
41-
ssh ${{ secrets.VPS_USERNAME }}@${{ secrets.VPS_HOST }} "cd /root/retroui && git pull && docker compose -f ./infra/docker-compose.prod.yml up -d"
41+
ssh ${{ secrets.VPS_USERNAME }}@${{ secrets.VPS_HOST }} "cd /root/retroui && git pull && docker compose -f ./infra/docker-compose.prod.yml up web --build -d"

‎app/(docs)/docs/[[...slug]]/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,8 @@ export default function page({ params }: IProps) {
4444
}
4545

4646
return (
47-
<div className="space-y-12 pb-8">
48-
<div>
47+
<div className="space-y-12 py-8">
48+
<div className="border-b border-black pb-4">
4949
<H2>{doc.title}</H2>
5050
<p className="text-lg text-muted">{doc.description}</p>
5151
</div>

‎app/(docs)/docs/layout.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ export default function ComponentLayout({
1111
children: React.ReactNode;
1212
}>) {
1313
return (
14-
<div className="relative">
14+
<div className="relative max-w-6xl mx-auto">
1515
<div className="hidden lg:block">
1616
<SideNav />
1717
</div>
18-
<div className="lg:ml-72 mt-20 px-4">{children}</div>
18+
<div className="lg:ml-72 mt-16">{children}</div>
1919
</div>
2020
);
21-
}
21+
}

‎app/(sink)/demo/components/page.tsx‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import {
2+
Avatar,
23
Badge,
34
Button,
45
Tabs,
@@ -24,6 +25,22 @@ export default function page() {
2425
<Badge variant="filled">Badge</Badge>
2526
</div>
2627

28+
<div className="flex items-center space-x-4">
29+
<Avatar>
30+
<Avatar.Image src="/images/avatar.jpeg" alt="Arif Logs" />
31+
<Avatar.Fallback>AH</Avatar.Fallback>
32+
</Avatar>
33+
34+
<Avatar className="rounded-none">
35+
<Avatar.Image src="/images/avatar.jpeg" alt="Arif Logs" />
36+
<Avatar.Fallback>AH</Avatar.Fallback>
37+
</Avatar>
38+
39+
<Avatar className="rounded-none h-20 w-20">
40+
<Avatar.Image src="/images/avatar.jpeg" alt="Arif Logs" />
41+
<Avatar.Fallback>AH</Avatar.Fallback>
42+
</Avatar>
43+
</div>
2744
<div>
2845
<Tabs>
2946
<TabsTriggerList>

‎app/layout.tsx‎

Lines changed: 1 addition & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -25,16 +25,6 @@ export const metadata: Metadata = {
2525
title: "Retro Styled Tailwind UI Library | Retro UI",
2626
description:
2727
"RetroUI - Retro styled TailwindCSS component library for modern web apps.",
28-
openGraph: {
29-
images: ["/banner.png"],
30-
},
31-
twitter: {
32-
card: "summary_large_image",
33-
title: "Retro Styled Tailwind UI Library | Retro UI",
34-
description:
35-
"RetroUI - Retro styled TailwindCSS component library for modern web apps.",
36-
images: ["/banner.png"],
37-
},
3828
};
3929

4030
export default function RootLayout({
@@ -54,7 +44,7 @@ export default function RootLayout({
5444
<body
5545
className={`${shareTech.className} ${archivoBlack.variable} ${shareTech.variable} ${shareTechMono.variable}`}
5646
>
57-
<div className="mb-20 relative z-10">
47+
<div className="relative z-10">
5848
<TopNav />
5949
</div>
6050
{children}

‎app/open-graph.png‎

441 KB
Loading

‎app/twitter-image.png‎

441 KB
Loading

‎components/ComponentShowcase.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,20 @@ import { TabGroup, TabList, TabPanels, TabPanel, Tab } from "@headlessui/react";
44
import React, { HTMLAttributes } from "react";
55

66
interface IComponentShowcase extends HTMLAttributes<HTMLDivElement> {
7-
name: keyof typeof componentConfig.registry;
7+
name: keyof typeof componentConfig.examples;
88
}
99

1010
export function ComponentShowcase({ name, children }: IComponentShowcase) {
11-
const { preview: Preview } = componentConfig.registry[name];
11+
const { preview: Preview } = componentConfig.examples[name];
1212
const Code = React.Children.toArray(children)[0];
1313

1414
return (
1515
<TabGroup>
1616
<TabList className="space-x-4 ">
17-
<Tab className="text-lg px-1 border-black data-[selected]:border-b-2">
17+
<Tab className="text-lg px-1 border-black data-[selected]:border-b-2 focus:outline-none">
1818
Preview
1919
</Tab>
20-
<Tab className="text-lg px-1 border-black data-[selected]:border-b-2">
20+
<Tab className="text-lg px-1 border-black data-[selected]:border-b-2 focus:outline-none">
2121
Code
2222
</Tab>
2323
</TabList>

‎components/ComponentSource.tsx‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import { cn } from "@/lib/utils";
2+
3+
interface ComponentSourceProps extends React.HTMLAttributes<HTMLDivElement> {
4+
src: string;
5+
}
6+
7+
export function ComponentSource({ children, className }: ComponentSourceProps) {
8+
return (
9+
<div className={cn("overflow-hidden rounded-md", className)}>
10+
{children}
11+
</div>
12+
);
13+
}

‎components/MDX.tsx‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,19 @@ import { useMDXComponent } from "next-contentlayer/hooks";
33
import React, { HTMLAttributes } from "react";
44
import { ComponentShowcase } from "./ComponentShowcase";
55
import { cn } from "@/lib/utils";
6+
import { ComponentSource } from "./ComponentSource";
67

78
const components = {
89
h1: H1,
910
h2: (props: HTMLAttributes<HTMLHeadingElement>) => (
10-
<H2 className="mb-2" {...props} />
11+
<H2 className="border-b lg:text-3xl pb-1 mb-6" {...props} />
12+
),
13+
h3: (props: HTMLAttributes<HTMLHeadingElement>) => (
14+
<H3 className="mb-4" {...props} />
15+
),
16+
h4: (props: HTMLAttributes<HTMLHeadingElement>) => (
17+
<H4 className="mb-2" {...props} />
1118
),
12-
h3: H3,
13-
h4: H4,
1419
h5: H5,
1520
h6: H6,
1621
pre: ({
@@ -44,6 +49,7 @@ const components = {
4449
</code>
4550
),
4651
ComponentShowcase,
52+
ComponentSource,
4753
};
4854

4955
export default function MDX({ code }: { code: string }) {

0 commit comments

Comments
 (0)