From 4e62ce8fe6faea23f4abb429a2666be694084125 Mon Sep 17 00:00:00 2001 From: Ryan Seddon Date: Fri, 29 Nov 2024 09:11:39 +1100 Subject: [PATCH] Add a header and remove some styles --- index.html | 28 +++++++++++++++++++++ src/App.tsx | 6 +---- src/index.css | 68 --------------------------------------------------- src/main.tsx | 1 - 4 files changed, 29 insertions(+), 74 deletions(-) delete mode 100644 src/index.css diff --git a/index.html b/index.html index 4fb5bca..8af8684 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,34 @@ FFPrompt | Natural Language video editing tool +
+
+ +

FFprompt

+ +
+ GitHub +
+
+
diff --git a/src/App.tsx b/src/App.tsx index b1ea63f..b3ad1ff 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -36,12 +36,8 @@ function App() { return ( <> -
+
- - - FFPrompt - Attach a video file and describe what you want to do in the chat below. diff --git a/src/index.css b/src/index.css deleted file mode 100644 index 6119ad9..0000000 --- a/src/index.css +++ /dev/null @@ -1,68 +0,0 @@ -:root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} diff --git a/src/main.tsx b/src/main.tsx index c578368..555a1a8 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,6 +1,5 @@ import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; -import "./index.css"; import App from "./App.tsx"; import { FFmpegProvider } from "./components/ffmpeg-provider"; import { AIProvider } from "./components/ai-provider";