Commit graph

6 commits

Author SHA1 Message Date
Igor Katson
3bd1a4511f
UI: error messages wrap now 2023-12-16 18:44:31 +00:00
Igor Katson
33c8b11c6e
2/n Fixing dark mode bugs 2023-12-16 11:09:51 +00:00
Artur Lozovski
fb32b8f0bb change red to darker shade and whitespace-pre-line added to wrap text in alert box 2023-12-15 14:38:14 +00:00
Igor Katson
50fc7f2f01
Rewrite all styles to tailwind CSS from Bootstrap by @arccik (#58)
* add tailwindcss

* add header component with logo and add torrent buttons

* remove bootstrap from few files replace it with tailwindcss classes, add card which diplay all nessesarry information about torrent and current state

* Add modal component and reorganize components folder

* add useModal hook to render modal though react portal, remove UrlPromptModal and replace it with useModal.

* add taliwindcss to Desctop app

* removed bootstrap from deleteTorrentModal replace it with useModal

* replacing bootstrap with useModal

* saving

* Saving

* Header and cards now look good

* Modals still broken...

* still doesnt work

* Finally it scrolls

* Continuing to fix bugs

* Continuing to fix bugs

* Aler

* Getting better

* Desktop doesnt work with tailwind somehow

* Desktop now works with tailwind

* Styles fully work

* (De)select all buttons

* fix alert styles

* Animate progress bar

* Progress bar + error colors

* Fix error message

* Torrent status icon (#56)

* add statusIcon component to display icon of the torrent status

* change props name and remove isDownloading variable

* Tweak styles for icon

* Tweak styles

* Update styles

---------

Co-authored-by: Artur Lozovski <arccik@gmail.com>
2023-12-14 10:37:29 +00:00
Igor Katson
d768211457
Use react-bs icons, remove bootstrap-icons css 2023-12-07 22:42:19 +00:00
Artur Lozovski
f978ad02fe Refactor the rqbit-web file by breaking it down into components and helper functions. Improve code organization and maintainability 2023-12-07 17:01:59 +00:00