franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve responsiveness

Browse Source
This commit is contained in:
Aman Varshney
2025-05-30 11:24:19 +05:30
parent 02de7fcd25
commit 9751d90281
4 changed files with 59 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/web/src/app/(home)/_components/sponsors-section.tsx
View File

@@ -26,13 +26,15 @@ export default function SponsorsSection() {
return ( return (
<div className="mb-12"> <div className="mb-12">
<div className="mb-6 flex items-center gap-2"> <div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
<Terminal className="h-4 w-4 text-primary" /> <div className="flex items-center gap-2">
<span className="font-bold font-mono text-lg"> <Terminal className="h-5 w-5 text-primary" />
SPONSORS_DATABASE.JSON <span className="font-bold font-mono text-lg sm:text-xl">
</span> SPONSORS_DATABASE.JSON
<div className="h-px flex-1 bg-border" /> </span>
<span className="font-mono text-muted-foreground text-xs"> </div>
<div className="hidden h-px flex-1 bg-border sm:block" />
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
[{loadingSponsors ? "LOADING..." : sponsors.length} RECORDS] [{loadingSponsors ? "LOADING..." : sponsors.length} RECORDS]
</span> </span>
</div> </div>

16
apps/web/src/app/(home)/_components/testimonials.tsx
View File

@@ -114,13 +114,15 @@ export default function Testimonials() {
return ( return (
<div className="mb-12"> <div className="mb-12">
<div className="mb-6 flex items-center gap-2"> <div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
<Terminal className="h-4 w-4 text-primary" /> <div className="flex items-center gap-2">
<span className="font-bold font-mono text-lg"> <Terminal className="h-5 w-5 text-primary" />
DEVELOPER_TESTIMONIALS.LOG <span className="font-bold font-mono text-lg sm:text-xl">
</span> DEVELOPER_TESTIMONIALS.LOG
<div className="h-px flex-1 bg-border" /> </span>
<span className="font-mono text-muted-foreground text-xs"> </div>
<div className="hidden h-px flex-1 bg-border sm:block" />
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
[{TWEET_IDS.length} ENTRIES] [{TWEET_IDS.length} ENTRIES]
</span> </span>
</div> </div>

58
apps/web/src/app/(home)/analytics/page.tsx
View File

@@ -857,13 +857,15 @@ export default function AnalyticsPage() {
<Navbar /> <Navbar />
<div className="terminal-matrix-bg container mx-auto max-w-7xl space-y-8 px-4 py-8 pt-28"> <div className="terminal-matrix-bg container mx-auto max-w-7xl space-y-8 px-4 py-8 pt-28">
<div className="mb-8"> <div className="mb-8">
<div className="mb-6 flex items-center gap-2"> <div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
<Terminal className="h-5 w-5 text-primary" /> <div className="flex items-center gap-2">
<span className="font-bold font-mono text-xl"> <Terminal className="h-5 w-5 text-primary" />
ANALYTICS_DASHBOARD.EXE <span className="font-bold font-mono text-lg sm:text-xl">
</span> ANALYTICS_DASHBOARD.EXE
<div className="h-px flex-1 bg-border" /> </span>
<span className="font-mono text-muted-foreground text-xs"> </div>
<div className="hidden h-px flex-1 bg-border sm:block" />
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
[{totalProjects} PROJECTS_ANALYZED] [{totalProjects} PROJECTS_ANALYZED]
</span> </span>
</div> </div>
@@ -872,20 +874,20 @@ export default function AnalyticsPage() {
<div className="flex items-center gap-2 text-sm"> <div className="flex items-center gap-2 text-sm">
<span className="text-primary">$</span> <span className="text-primary">$</span>
<span className="font-mono text-foreground"> <span className="font-mono text-foreground">
# Analytics from Better-T-Stack CLI usage data Analytics from Better-T-Stack CLI usage data
</span> </span>
</div> </div>
<div className="mt-2 flex items-center gap-2 text-sm"> <div className="mt-2 flex items-center gap-2 text-sm">
<span className="text-primary">$</span> <span className="text-primary">$</span>
<span className="font-mono text-muted-foreground"> <span className="font-mono text-muted-foreground">
# Uses PostHog - no personal info tracked, runs on each project Uses PostHog - no personal info tracked, runs on each project
creation creation
</span> </span>
</div> </div>
<div className="mt-2 flex items-center gap-2 text-sm"> <div className="mt-2 flex items-center gap-2 text-sm">
<span className="text-primary">$</span> <span className="text-primary">$</span>
<span className="font-mono text-muted-foreground"> <span className="font-mono text-muted-foreground">
# Source:{" "} Source:{" "}
<Link <Link
href="https://github.com/amanvarshney01/create-better-t-stack/blob/main/apps/cli/src/utils/analytics.ts" href="https://github.com/amanvarshney01/create-better-t-stack/blob/main/apps/cli/src/utils/analytics.ts"
target="_blank" target="_blank"
@@ -908,7 +910,7 @@ export default function AnalyticsPage() {
<div className="mt-2 flex items-center gap-2 text-sm"> <div className="mt-2 flex items-center gap-2 text-sm">
<span className="text-primary">$</span> <span className="text-primary">$</span>
<span className="font-mono text-muted-foreground"> <span className="font-mono text-muted-foreground">
# Last updated:{" "} Last updated:{" "}
{loadingLastUpdated {loadingLastUpdated
? "CHECKING..." ? "CHECKING..."
: lastUpdated : lastUpdated
@@ -1119,7 +1121,7 @@ export default function AnalyticsPage() {
<div className="h-px flex-1 bg-border" /> <div className="h-px flex-1 bg-border" />
</div> </div>
<div className="grid gap-6 md:grid-cols-2"> <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
<div className="terminal-block-hover rounded border border-border bg-background"> <div className="terminal-block-hover rounded border border-border bg-background">
<div className="border-border border-b bg-muted/20 px-4 py-3"> <div className="border-border border-b bg-muted/20 px-4 py-3">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@@ -1211,12 +1213,14 @@ export default function AnalyticsPage() {
</div> </div>
<div className="space-y-6"> <div className="space-y-6">
<div className="mb-4 flex items-center gap-2"> <div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
<span className="font-bold font-mono text-lg"> <div className="flex items-center gap-2">
STACK_CONFIGURATION.DB <span className="font-bold font-mono text-lg sm:text-xl">
</span> STACK_CONFIGURATION.DB
<div className="h-px flex-1 bg-border" /> </span>
<span className="font-mono text-muted-foreground text-xs"> </div>
<div className="hidden h-px flex-1 bg-border sm:block" />
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
[CORE_COMPONENTS] [CORE_COMPONENTS]
</span> </span>
</div> </div>
@@ -1262,7 +1266,7 @@ export default function AnalyticsPage() {
</div> </div>
</div> </div>
<div className="grid gap-6 md:grid-cols-2"> <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
<div className="terminal-block-hover rounded border border-border bg-background"> <div className="terminal-block-hover rounded border border-border bg-background">
<div className="border-border border-b bg-muted/20 px-4 py-3"> <div className="border-border border-b bg-muted/20 px-4 py-3">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@@ -1589,17 +1593,19 @@ export default function AnalyticsPage() {
</div> </div>
<div className="space-y-6"> <div className="space-y-6">
<div className="mb-4 flex items-center gap-2"> <div className="mb-4 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
<span className="font-bold font-mono text-lg"> <div className="flex items-center gap-2">
DEV_ENVIRONMENT.CONFIG <span className="font-bold font-mono text-lg sm:text-xl">
</span> DEV_ENVIRONMENT.CONFIG
<div className="h-px flex-1 bg-border" /> </span>
<span className="font-mono text-muted-foreground text-xs"> </div>
<div className="hidden h-px flex-1 bg-border sm:block" />
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
[TOOLING_PREFERENCES] [TOOLING_PREFERENCES]
</span> </span>
</div> </div>
<div className="grid gap-6 md:grid-cols-2"> <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
<div className="terminal-block-hover rounded border border-border bg-background"> <div className="terminal-block-hover rounded border border-border bg-background">
<div className="border-border border-b bg-muted/20 px-4 py-3"> <div className="border-border border-b bg-muted/20 px-4 py-3">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">

15
apps/web/src/app/(home)/page.tsx
View File

@@ -300,12 +300,15 @@ export default function HomePage() {
</div> </div>
<div className="mb-12"> <div className="mb-12">
<div className="mb-6 flex items-center gap-2"> <div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
<span className="font-bold font-mono text-lg"> <div className="flex items-center gap-2">
TECH_STACK_MATRIX.DB <Terminal className="h-5 w-5 text-primary" />
</span> <span className="font-bold font-mono text-lg sm:text-xl">
<div className="h-px flex-1 bg-border" /> TECH_STACK_MATRIX.DB
<span className="font-mono text-muted-foreground text-xs"> </span>
</div>
<div className="hidden h-px flex-1 bg-border sm:block" />
<span className="w-full text-right font-mono text-muted-foreground text-xs sm:w-auto sm:text-left">
[ [
{techStackCategories.reduce( {techStackCategories.reduce(
(acc, cat) => acc + cat.options.length, (acc, cat) => acc + cat.options.length,