Chance Zibolski 4d75474b39 Fix reader width (#567)
* Fix reader width

The margin: auto on the Box container for the image was preventing 100% width
to actually mean 100%.

Now that 100% is actually possible, I think fitPageToWindow makes more
sense as a default. Additionally, since the image can fill 100% of the
page, it can cover the ReaderNavBar, so set the z-index of the
ReaderNavBar so it's rendered on top of the image and clickable.

Signed-off-by: Chance Zibolski <chance.zibolski@gmail.com>

* Support configuring reader width for DoublePage readers

Signed-off-by: Chance Zibolski <chance.zibolski@gmail.com>

* Fix single page of DoublePageReader not being able to take up full width

In case the parent container is flex row, the container does not automatically take up 100% of the available width, thus, the page also was not able to take up 100% of the width

* Fix applying reader width to double pages

The set reader width can't be applied to each page of the double pages because otherwise it will already take up 100% of the available width with the setting only being at 50%.

Instead, the set width has to be divided by 2, so that both pages take up the set reader width

* Prevent double page spinner from being larger than 100% of the available width

* Update width styling of the page spinner

* Always center pages in the middle of the screen

* Take up full height fitting page to window height

---------

Signed-off-by: Chance Zibolski <chance.zibolski@gmail.com>
Co-authored-by: schroda <50052685+schroda@users.noreply.github.com>
2024-01-26 20:51:08 +01:00
2024-01-07 20:41:57 +01:00
2021-08-08 04:45:35 +04:30
2024-01-05 20:11:29 +01:00
2024-01-26 20:51:08 +01:00
2023-10-27 20:19:04 +02:00
2023-10-27 20:23:00 +02:00
2023-06-05 00:58:21 +02:00
2023-09-29 00:37:46 +02:00
2023-10-27 20:19:04 +02:00
2024-01-05 20:11:29 +01:00
2021-08-18 05:34:00 +04:30
2024-01-05 20:11:29 +01:00
2023-10-27 20:19:04 +02:00
2024-01-02 16:46:41 +01:00

Hold up!

If you got here hoping to download Suwayomi-WebUI, go back and download Suwayomi-Server, Suwayomi-WebUI is distributed as an embedded web interface along with Suwayomi-Server.

Suwayomi-WebUI

WebUI doesn't have it's own Suwayomi distribution and is version locked by Suwayomi-Server, In other words the Suwayomi-WebUI distribution is actually the Suwayomi-Server distribution.

Online builds of WebUI of are always available here. Make sure to set your Suwayomi-Server hostname in Settings or you'll get infinite loading. Also note that its the latest revision of WebUI and might not work correctly if you connect to a stable build of Suwayomi-Server.

You can find minified builds of WebUI in Suwayomi-WebUI-preview

Contributing and Technical info

See CONTRIBUTING.md.

Translation

Feel free to translate the project on Weblate

Translation Progress Translation status

License

Copyright (C) Contributors to the Suwayomi project

This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
Description
Material You styled Suwayomi WebUI
Readme 26 MiB
Languages
TypeScript 99.9%