Ethanfel/sorting-sorted
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update gallery_app.py

Browse Source
This commit is contained in:
Ethanfel
2026-01-19 22:35:08 +01:00
parent 8fc8372a9b
commit b919c52255
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
gallery_app.py
View File

@@ -221,8 +221,7 @@ def render_sidebar():
def render_gallery(): def render_gallery():
grid_container.clear() grid_container.clear()
batch = get_current_batch() batch = get_current_batch()
# High resolution for grid to allow scaling thumb_size = 800 # High res for crisp scaling
thumb_size = 600
with grid_container: with grid_container:
with ui.grid(columns=state.grid_cols).classes('w-full gap-3'): with ui.grid(columns=state.grid_cols).classes('w-full gap-3'):
@@ -237,13 +236,12 @@ def render_gallery():
ui.button(icon='zoom_in', on_click=lambda p=img_path: open_zoom_dialog(p)).props('flat size=sm dense color=white') ui.button(icon='zoom_in', on_click=lambda p=img_path: open_zoom_dialog(p)).props('flat size=sm dense color=white')
ui.button(icon='delete', on_click=lambda p=img_path: action_delete(p)).props('flat size=sm dense color=red') ui.button(icon='delete', on_click=lambda p=img_path: action_delete(p)).props('flat size=sm dense color=red')
# --- FIXED IMAGE RENDERING --- # --- IMAGE RENDERING FIX ---
# aspect-[4/3]: Height scales with width. # 1. w-full h-64: Forces the black box to be exactly 256px tall and full column width.
# object-contain: Shows FULL image (no crop), adds black bars if needed. # 2. fit=contain: PROPS are key here. This tells Quasar/HTML to fit the whole image INSIDE that box.
ui.image(f"/thumbnail?path={img_path}&size={thumb_size}&q={state.preview_quality}") \ ui.image(f"/thumbnail?path={img_path}&size={thumb_size}&q={state.preview_quality}") \
.classes('w-full aspect-[4/3] object-contain bg-black rounded') \ .classes('w-full h-64 bg-black rounded') \
.style('aspect-ratio: 4/3') \ .props('fit=contain no-spinner')
.props('no-spinner')
# Actions # Actions
if is_staged: if is_staged: