diff options
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/browser-extension/package.json | 1 | ||||
| -rw-r--r-- | packages/browser-extension/src/App.tsx | 10 |
2 files changed, 8 insertions, 3 deletions
diff --git a/packages/browser-extension/package.json b/packages/browser-extension/package.json index 3c8a4e8d..0d4f8fb1 100644 --- a/packages/browser-extension/package.json +++ b/packages/browser-extension/package.json @@ -12,6 +12,7 @@ "dependencies": { "@types/chrome": "^0.0.260", "localforage": "^1.10.0", + "lucide-react": "^0.330.0", "match-sorter": "^6.3.4", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/packages/browser-extension/src/App.tsx b/packages/browser-extension/src/App.tsx index 8a2c4920..1044363b 100644 --- a/packages/browser-extension/src/App.tsx +++ b/packages/browser-extension/src/App.tsx @@ -1,3 +1,4 @@ +import { Settings, X } from "lucide-react"; import SavePage from "./SavePage"; import usePluginSettings from "./settings"; import { useNavigate } from "react-router-dom"; @@ -19,9 +20,12 @@ function App() { <div className="flex flex-col space-y-2"> <SavePage settings={settings} /> <hr /> - <div className="flex justify-end"> - <button className="w-2/6" onClick={() => navigate("/options")}> - Settings + <div className="flex justify-end space-x-3"> + <button onClick={() => navigate("/options")}> + <Settings className="w-4" /> + </button> + <button onClick={() => window.close()}> + <X className="w-4" /> </button> </div> </div> |