Move shadcn directories to client shared folder + update shadcn docs a bit (#551)

This commit is contained in:
Franjo Mindek
2025-11-14 16:03:59 +01:00
committed by GitHub
parent f0b4d61797
commit adb8bb62e6
65 changed files with 146 additions and 139 deletions

View File

@@ -4,13 +4,13 @@
import { Link as ReactRouterLink } from "react-router-dom";
import { useAuth } from "wasp/client/auth";
import { Link as WaspRouterLink, routes } from "wasp/client/router";
+import { Button } from "../../../components/ui/button";
+import { Button } from "../../../client/components/ui/button";
import {
Sheet,
SheetContent,
@@ -17,6 +18,7 @@
import { useIsLandingPage } from "../../hooks/useIsLandingPage";
import logo from "../../static/logo.webp";
import { cn } from "../../utils";
import DarkModeSwitcher from "../DarkModeSwitcher";
+import RepoInfo from "../RepoInfo";
import { Announcement } from "./Announcement";

View File

@@ -3,8 +3,8 @@
@@ -0,0 +1,48 @@
+import { useEffect, useState } from "react";
+import { FaGithub } from "react-icons/fa";
+import { Button } from "../../components/ui/button";
+import { formatNumber } from "../../lib/utils";
+import { Button } from "../../client/components/ui/button";
+import { formatNumber } from "../utils";
+
+const RepoInfo = () => {
+ const [repoInfo, setRepoInfo] = useState<null | any>(null);

View File

@@ -0,0 +1,31 @@
--- template/app/src/client/components/ui/button.tsx
+++ opensaas-sh/app/src/client/components/ui/button.tsx
@@ -10,21 +10,26 @@
variants: {
variant: {
default:
- "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+ "bg-primary text-primary-foreground shadow-outer hover:bg-primary/90",
destructive:
"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
outline:
"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
secondary:
"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
- ghost: "hover:bg-accent hover:text-accent-foreground",
+ ghost: "hover:bg-muted hover:text-foreground text-muted-foreground",
link: "text-primary underline-offset-4 hover:underline",
+ selected: "border bg-muted text-muted-foreground",
+ outer: "shadow-outer bg-card text-card-foreground",
+ inner:
+ "shadow-inner bg-secondary-muted text-secondary-muted-foreground",
},
size: {
default: "h-9 px-4 py-2",
sm: "h-8 rounded-md px-3 text-xs",
lg: "h-10 rounded-md px-8",
icon: "h-9 w-9",
+ iconLg: "h-12 w-12",
},
},
defaultVariants: {

View File

@@ -0,0 +1,15 @@
--- template/app/src/client/components/ui/card.tsx
+++ opensaas-sh/app/src/client/components/ui/card.tsx
@@ -12,7 +12,11 @@
accent: "bg-card-accent text-card-accent-foreground hover:scale-[1.02]",
faded: "text-card-faded-foreground scale-95 opacity-50",
bento:
- "bg-card-subtle text-card-subtle-foreground hover:scale-[1.02] border-none shadow-none",
+ "bg-card-subtle text-card-subtle-foreground border-none shadow-none hover:shadow-none",
+ bentoHighlight:
+ "bg-card-subtle text-card-subtle-foreground border-none shadow-outer dark:shadow-lg hover:shadow-outer",
+ outer: "bg-card shadow-outer text-card-foreground hover:shadow-outer",
+ inner: "bg-card shadow-inner text-card-foreground hover:shadow-inner",
},
},
},