diff --git a/index.html b/index.html new file mode 100644 index 0000000..546ea13 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Mission Control + + +
+ + + diff --git a/src/App.tsx b/src/App.tsx new file mode 100644 index 0000000..6b0fe5f --- /dev/null +++ b/src/App.tsx @@ -0,0 +1,28 @@ +import { motion } from "framer-motion"; + +function App() { + return ( +
+ +

+ Mission Control +

+

+ What should you be doing right now? +

+
+

+ THE ONE THING will appear here +

+
+ +
+ ); +} + +export default App; diff --git a/src/main.tsx b/src/main.tsx new file mode 100644 index 0000000..16958a2 --- /dev/null +++ b/src/main.tsx @@ -0,0 +1,10 @@ +import React from "react"; +import ReactDOM from "react-dom/client"; +import App from "./App"; +import "./styles.css"; + +ReactDOM.createRoot(document.getElementById("root")!).render( + + + +); diff --git a/src/styles.css b/src/styles.css new file mode 100644 index 0000000..0755eae --- /dev/null +++ b/src/styles.css @@ -0,0 +1,27 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* Custom scrollbar for dark mode */ +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-track { + background: transparent; +} + +::-webkit-scrollbar-thumb { + background: #3f3f46; + border-radius: 4px; +} + +::-webkit-scrollbar-thumb:hover { + background: #52525b; +} + +/* Prevent text selection on draggable items */ +.no-select { + user-select: none; +}