foomo/ui
1
0
Fork 0
mirror of https://github.com/foomo/ui.git synced 2025-10-16 12:45:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add vite playground html, revert layer base border hack

Browse Source
This commit is contained in:
Marko Trebizan 2025-09-11 14:55:57 +02:00
parent 310e821a55
commit 8fd5ef305f
No known key found for this signature in database
3 changed files with 33 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
index.html Normal file
View File

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foomo UI playground</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>

20
src/index.css
View File

@ -1,6 +1,4 @@
@import "tailwindcss/theme.css";
@import "tailwindcss/preflight.css";
@import "tailwindcss/utilities.css";
@import "tailwindcss";
@import "tw-animate-css";
@plugin "@tailwindcss/typography";
@ -113,11 +111,11 @@
--sidebar-ring: oklch(0.556 0 0);
}
/* @layer base { */
/* * { */
/* @apply border-border outline-ring/50; */
/* } */
/* body { */
/* @apply bg-background text-foreground; */
/* } */
/* } */
@layer base {
* {
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground;
}
}

12
src/main.tsx Normal file
View File

@ -0,0 +1,12 @@
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import "./index.css";
import { Button } from "@/components/button";
createRoot(document.getElementById("root")!).render(
<StrictMode>
<div className="p-8">
<Button>Click me</Button>
</div>
</StrictMode>,
);