Skip to content

Commit 9751d90

Browse files
AmanVarshney01AmanVarshney01
committed
improve responsiveness
1 parent 02de7fc commit 9751d90

File tree

4 files changed

+59
-46
lines changed

4 files changed

+59
-46
lines changed

‎apps/web/src/app/(home)/_components/sponsors-section.tsx

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,15 @@ export default function SponsorsSection() {
2626

2727
return (
2828
<div className="mb-12">
29-
<div className="mb-6 flex items-center gap-2">
30-
<Terminal className="h-4 w-4 text-primary" />
31-
<span className="font-bold font-mono text-lg">
32-
SPONSORS_DATABASE.JSON
33-
</span>
34-
<div className="h-px flex-1 bg-border" />
35-
<span className="font-mono text-muted-foreground text-xs">
29+
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
30+
<div className="flex items-center gap-2">
31+
<Terminal className="h-5 w-5 text-primary" />
32+
<span className="font-bold font-mono text-lg sm:text-xl">
33+
SPONSORS_DATABASE.JSON
34+
</span>
35+
</div>
36+
<div className="hidden h-px flex-1 bg-border sm:block" />
37+
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
3638
[{loadingSponsors ? "LOADING..." : sponsors.length} RECORDS]
3739
</span>
3840
</div>

‎apps/web/src/app/(home)/_components/testimonials.tsx

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -114,13 +114,15 @@ export default function Testimonials() {
114114

115115
return (
116116
<div className="mb-12">
117-
<div className="mb-6 flex items-center gap-2">
118-
<Terminal className="h-4 w-4 text-primary" />
119-
<span className="font-bold font-mono text-lg">
120-
DEVELOPER_TESTIMONIALS.LOG
121-
</span>
122-
<div className="h-px flex-1 bg-border" />
123-
<span className="font-mono text-muted-foreground text-xs">
117+
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
118+
<div className="flex items-center gap-2">
119+
<Terminal className="h-5 w-5 text-primary" />
120+
<span className="font-bold font-mono text-lg sm:text-xl">
121+
DEVELOPER_TESTIMONIALS.LOG
122+
</span>
123+
</div>
124+
<div className="hidden h-px flex-1 bg-border sm:block" />
125+
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
124126
[{TWEET_IDS.length} ENTRIES]
125127
</span>
126128
</div>

‎apps/web/src/app/(home)/analytics/page.tsx

Lines changed: 32 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -857,13 +857,15 @@ export default function AnalyticsPage() {
857857
<Navbar />
858858
<div className="terminal-matrix-bg container mx-auto max-w-7xl space-y-8 px-4 py-8 pt-28">
859859
<div className="mb-8">
860-
<div className="mb-6 flex items-center gap-2">
861-
<Terminal className="h-5 w-5 text-primary" />
862-
<span className="font-bold font-mono text-xl">
863-
ANALYTICS_DASHBOARD.EXE
864-
</span>
865-
<div className="h-px flex-1 bg-border" />
866-
<span className="font-mono text-muted-foreground text-xs">
860+
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
861+
<div className="flex items-center gap-2">
862+
<Terminal className="h-5 w-5 text-primary" />
863+
<span className="font-bold font-mono text-lg sm:text-xl">
864+
ANALYTICS_DASHBOARD.EXE
865+
</span>
866+
</div>
867+
<div className="hidden h-px flex-1 bg-border sm:block" />
868+
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
867869
[{totalProjects} PROJECTS_ANALYZED]
868870
</span>
869871
</div>
@@ -872,20 +874,20 @@ export default function AnalyticsPage() {
872874
<div className="flex items-center gap-2 text-sm">
873875
<span className="text-primary">$</span>
874876
<span className="font-mono text-foreground">
875-
# Analytics from Better-T-Stack CLI usage data
877+
Analytics from Better-T-Stack CLI usage data
876878
</span>
877879
</div>
878880
<div className="mt-2 flex items-center gap-2 text-sm">
879881
<span className="text-primary">$</span>
880882
<span className="font-mono text-muted-foreground">
881-
# Uses PostHog - no personal info tracked, runs on each project
883+
Uses PostHog - no personal info tracked, runs on each project
882884
creation
883885
</span>
884886
</div>
885887
<div className="mt-2 flex items-center gap-2 text-sm">
886888
<span className="text-primary">$</span>
887889
<span className="font-mono text-muted-foreground">
888-
# Source:{" "}
890+
Source:{" "}
889891
<Link
890892
href="https://github.com/amanvarshney01/create-better-t-stack/blob/main/apps/cli/src/utils/analytics.ts"
891893
target="_blank"
@@ -908,7 +910,7 @@ export default function AnalyticsPage() {
908910
<div className="mt-2 flex items-center gap-2 text-sm">
909911
<span className="text-primary">$</span>
910912
<span className="font-mono text-muted-foreground">
911-
# Last updated:{" "}
913+
Last updated:{" "}
912914
{loadingLastUpdated
913915
? "CHECKING..."
914916
: lastUpdated
@@ -1119,7 +1121,7 @@ export default function AnalyticsPage() {
11191121
<div className="h-px flex-1 bg-border" />
11201122
</div>
11211123

1122-
<div className="grid gap-6 md:grid-cols-2">
1124+
<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
11231125
<div className="terminal-block-hover rounded border border-border bg-background">
11241126
<div className="border-border border-b bg-muted/20 px-4 py-3">
11251127
<div className="flex items-center gap-2">
@@ -1211,12 +1213,14 @@ export default function AnalyticsPage() {
12111213
</div>
12121214

12131215
<div className="space-y-6">
1214-
<div className="mb-4 flex items-center gap-2">
1215-
<span className="font-bold font-mono text-lg">
1216-
STACK_CONFIGURATION.DB
1217-
</span>
1218-
<div className="h-px flex-1 bg-border" />
1219-
<span className="font-mono text-muted-foreground text-xs">
1216+
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
1217+
<div className="flex items-center gap-2">
1218+
<span className="font-bold font-mono text-lg sm:text-xl">
1219+
STACK_CONFIGURATION.DB
1220+
</span>
1221+
</div>
1222+
<div className="hidden h-px flex-1 bg-border sm:block" />
1223+
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
12201224
[CORE_COMPONENTS]
12211225
</span>
12221226
</div>
@@ -1262,7 +1266,7 @@ export default function AnalyticsPage() {
12621266
</div>
12631267
</div>
12641268

1265-
<div className="grid gap-6 md:grid-cols-2">
1269+
<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
12661270
<div className="terminal-block-hover rounded border border-border bg-background">
12671271
<div className="border-border border-b bg-muted/20 px-4 py-3">
12681272
<div className="flex items-center gap-2">
@@ -1589,17 +1593,19 @@ export default function AnalyticsPage() {
15891593
</div>
15901594

15911595
<div className="space-y-6">
1592-
<div className="mb-4 flex items-center gap-2">
1593-
<span className="font-bold font-mono text-lg">
1594-
DEV_ENVIRONMENT.CONFIG
1595-
</span>
1596-
<div className="h-px flex-1 bg-border" />
1597-
<span className="font-mono text-muted-foreground text-xs">
1596+
<div className="mb-4 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
1597+
<div className="flex items-center gap-2">
1598+
<span className="font-bold font-mono text-lg sm:text-xl">
1599+
DEV_ENVIRONMENT.CONFIG
1600+
</span>
1601+
</div>
1602+
<div className="hidden h-px flex-1 bg-border sm:block" />
1603+
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
15981604
[TOOLING_PREFERENCES]
15991605
</span>
16001606
</div>
16011607

1602-
<div className="grid gap-6 md:grid-cols-2">
1608+
<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
16031609
<div className="terminal-block-hover rounded border border-border bg-background">
16041610
<div className="border-border border-b bg-muted/20 px-4 py-3">
16051611
<div className="flex items-center gap-2">

‎apps/web/src/app/(home)/page.tsx

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -300,12 +300,15 @@ export default function HomePage() {
300300
</div>
301301

302302
<div className="mb-12">
303-
<div className="mb-6 flex items-center gap-2">
304-
<span className="font-bold font-mono text-lg">
305-
TECH_STACK_MATRIX.DB
306-
</span>
307-
<div className="h-px flex-1 bg-border" />
308-
<span className="font-mono text-muted-foreground text-xs">
303+
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
304+
<div className="flex items-center gap-2">
305+
<Terminal className="h-5 w-5 text-primary" />
306+
<span className="font-bold font-mono text-lg sm:text-xl">
307+
TECH_STACK_MATRIX.DB
308+
</span>
309+
</div>
310+
<div className="hidden h-px flex-1 bg-border sm:block" />
311+
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
309312
[
310313
{techStackCategories.reduce(
311314
(acc, cat) => acc + cat.options.length,

0 commit comments

Comments
 (0)