search

yy4382 / s3-image-port

A dashboard to manage your images in S3 buckets. Can be used as a image hosting service.
https://iport.yfi.moe
Apache License 2.0
29 stars 14 forks source link

Gallery layout #61

Closed yy4382 closed 5 months ago

yy4382 commented 5 months ago

https://github.com/yy4382/s3-image-port/assets/55980292/4d365fcb-36ee-4c25-ab26-b5425511c96b

yy4382 commented 5 months ago

Most of the planned features have been implemented. Borrowed (copied) many UI / UX designs from Google Photos. Ready to be merged.

@BlockLune What else buttons should we add to the toolbar in the photoCardModal?

BlockLune commented 5 months ago
image
BlockLune commented 5 months ago

Maybe a button to uncheck all selected should also be added?

BlockLune commented 5 months ago

Shouldn't it also show in photoCardModal whether the image is selected or not? Also, two arrow buttons should be added for switching images in photoCardModal.

BlockLune commented 5 months ago

The interface should add some loading animations. Right now the behavior is that first there will be a lot of fixed sized empty boxes, then the image loads (squeezed to show up as the size of the empty box), and finally the image transforms to the correct size.

yy4382 commented 5 months ago
image

background color is set to gray like Google Photos

the key text now has absolute position, so it's hard to tell the width

yy4382 commented 5 months ago

The interface should add some loading animations. Right now the behavior is that first there will be a lot of fixed sized empty boxes, then the image loads (squeezed to show up as the size of the empty box), and finally the image transforms to the correct size.

To get the natural size of image (which is used to calculate the layout), the image needs to be loaded in DOM first

yy4382 commented 5 months ago

navigate between images in modal view requires a relative large refactor. It is of low priority.

New features won't be added in this PR.

If no bugs are found, I'll merge it.