From ac37bd4d9ce4dc3713446e41aeaa453de0781390 Mon Sep 17 00:00:00 2001 From: stacksmash76 <98354295+stacksmash76@users.noreply.github.com> Date: Mon, 14 Feb 2022 19:12:10 +0100 Subject: [PATCH] feat: overhaul webui (#135) feat: Added Inter Variable as the default font feat: Added a pattern to the page background. fix(react-multi-select-component): Made the multiselect components theme-agnostic, so it works properly with the light theme now. fix(react-select): Made the components fix the default 30px height of the rest of the input components. fix(useToggle): Fixed a bug where the toggle didn't work due to useCallback memoizing a callback with the old value. refactor(Base): - Added small theme-primary gradient to the beginning of the header. - Made the splitter border theme-agnostic. - Increased logo size a bit. - Moved the links a bit closer to the logo. - Updated the default link style to look more stylish. - Added a link to the autobrr Docs section (currently defaults to the Indexers sections, but this should lead to an "Overview" page for configuring autobrr) - Adapted the user dropdown to match the other header links' stylesheets and removed the annoying ring focus. - Adapted the header for theme-agnostic mobile usage. - Removed the negative padding/margin hacks. refactor(StatsItem): Increased shadow size/strength and made the description text a bit lighter on the dark theme. refactor(Dashboard): Increased the heading text sizes. refactor(Logs, Releases, Settings, Login, filters/details, filters/list): Adapted to match the previous changes and improved theme compatibility with regards to text. refactor(RegexPlayground): Fixed match highlight for JS regex. --- web/package.json | 1 + web/public/index.html | 2 +- web/src/App.tsx | 2 +- web/src/components/inputs/select.tsx | 149 +++++----- web/src/forms/settings/IndexerForms.tsx | 8 + web/src/hooks/hooks.ts | 4 +- web/src/index.css | 27 +- web/src/index.tsx | 2 + web/src/screens/Base.tsx | 166 ++++++----- web/src/screens/Dashboard.tsx | 14 +- web/src/screens/Logs.tsx | 8 +- web/src/screens/Releases.tsx | 285 +++++++++---------- web/src/screens/Settings.tsx | 6 +- web/src/screens/auth/login.tsx | 8 +- web/src/screens/filters/details.tsx | 6 +- web/src/screens/filters/list.tsx | 6 +- web/src/screens/settings/RegexPlayground.tsx | 19 +- 17 files changed, 371 insertions(+), 342 deletions(-) diff --git a/web/package.json b/web/package.json index 0ac181e..555d0aa 100644 --- a/web/package.json +++ b/web/package.json @@ -5,6 +5,7 @@ "proxy": "http://127.0.0.1:8989", "homepage": ".", "dependencies": { + "@fontsource/inter": "^4.5.4", "@headlessui/react": "^1.2.0", "@heroicons/react": "^1.0.1", "date-fns": "^2.25.0", diff --git a/web/public/index.html b/web/public/index.html index dfcf9ab..c4e8954 100644 --- a/web/public/index.html +++ b/web/public/index.html @@ -28,6 +28,6 @@
- +