components/WaterfallGallery/demos/responsive_columns.py

import os

import gradio as gr

import modelscope_studio as mgr


def resolve_assets(relative_path):
    return os.path.join(os.path.dirname(__file__), "../../resources",
                        relative_path)


def fn():
    return gr.update(columns={"xs": 2, "lg": 3})


with gr.Blocks() as demo:
    gallery = mgr.WaterfallGallery(
        value=[
            resolve_assets('modelscope.svg'),
            # pass a tuple
            [resolve_assets('bot.jpeg'), 'bot'],
            # pass a dict
            {
                "image": resolve_assets('user.jpeg'),
                "caption": "user",
            },
            resolve_assets('screen.jpeg'),
        ],
        columns=[2, 3, 4],
        height=600)
    gr.Button("Update Columns").click(fn=fn, outputs=[gallery])

if __name__ == "__main__":
    demo.queue().launch()