torrust-index-gui icon indicating copy to clipboard operation
torrust-index-gui copied to clipboard

GUI layout needs some work

Open mario-nt opened this issue 2 years ago • 2 comments

The size of the elements of the torrents lists page needs to be adjusted, their size is too small when using a high resolution monitor (e.g. 2560x1440p), leaving a lot of empty space in the page.

Also I think the footer should always be rendered at the end of the page, as right now there is a black space below it, although it is only noticeable when using a light theme, it should be changed.

The GUI in 100% zoom in 2560x1440p resolution:

image

The footer does not fill the entire page, it can be seen clearly with light themes:

image

How it should look like :

image

Tasks:

  • [x] Fix footer
  • [ ] Fix elements size is too small with high resolutions

mario-nt avatar Jan 04 '24 09:01 mario-nt

The footer does not fill the entire page, it can be seen clearly with light themes:

Do you use light theme with some sort of dark theme extension enabled? I think we should make the GUI compatible with those extensions.

hungfnt avatar Apr 27 '24 11:04 hungfnt

The footer does not fill the entire page, it can be seen clearly with light themes:

Do you use light theme with some sort of dark theme extension enabled? I think we should make the GUI compatible with those extensions.

Hi @ngthhu , sorry for the late response. We are currently using DaisyUI, Tailwind CSS and nuxtjs/color-mode for the themes. The dark mode was the only theme for the GUI for a long time. The light theme mode was implemented a few months ago creating a new light theme and with the help of the nuxtjs/color-mode package.

mario-nt avatar May 15 '24 21:05 mario-nt