feat: optimize gallery display

app.py

@@ -29,6 +29,7 @@ with gr.Blocks(theme=seafoam, css=get_content("css/style.css")) as demo:
     with gr.Row():
         with gr.Column(
             scale=1,
+            elem_classes="gallery_container",
         ):
             pet_description = gr.Markdown("# 夥伴", elem_id="pet_avatar_description")
             pet_gallery = gr.Gallery(

css/style.css

@@ -97,6 +97,14 @@ h1::after {
     height: 200px;
 }
 
+.gallery_container .preview {
+    background: transparent !important;
+}
+
+.gallery_container .preview [data-testid="detailed-image"] {
+    padding-top: 10px;
+}
+
 #pet_gallery .grid-wrap button  {
     margin: .5vh;
     background: transparent !important;