feat: scaffold Tauri + React + Tailwind v4
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
export default function App() {
|
||||
return (
|
||||
<div className="min-h-screen bg-ink text-white grid place-items-center">
|
||||
<h1 className="text-3xl font-semibold tracking-tight">FlightTube</h1>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme {
|
||||
--color-ink: #0f0f0f;
|
||||
--color-surface: #181818;
|
||||
--color-raised: #212121;
|
||||
--color-edge: #303030;
|
||||
--color-muted: #aaaaaa;
|
||||
--color-accent: #3ea6ff;
|
||||
}
|
||||
|
||||
html, body, #root { height: 100%; }
|
||||
body { margin: 0; background: var(--color-ink); color: #fff;
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
|
||||
::-webkit-scrollbar { width: 10px; }
|
||||
::-webkit-scrollbar-thumb { background: var(--color-edge); border-radius: 5px; }
|
||||
@@ -0,0 +1,10 @@
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom/client";
|
||||
import App from "./App";
|
||||
import "./index.css";
|
||||
|
||||
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>,
|
||||
);
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
/// <reference types="vite/client" />
|
||||
Reference in New Issue
Block a user