update grid layout

app.py

@@ -22,10 +22,7 @@ def process_response(response_dict):
 
 response_dict = get_initial_images()
 initial = process_response(response_dict)
-initial_imgs  = '<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 0; height: 100vh;">\n' + "\n".join(initial[:-1])
-#print(initial_imgs )
-#print("*****************")
-#response_dict
+initial_imgs  = '<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 0; ">\n' + "\n".join(initial[:-1])
 
 #Third: Load more images for the grid
 def get_next10_images(response_dict, row_count):
@@ -41,20 +38,10 @@ def get_next10_images(response_dict, row_count):
     #print("(2)",type(response))
     #print("(3)",type(response['data'][0]))
     next_set  = [resp[0][:-1] for resp in response_dict["data"]]
-    next_set_images = '<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 0; height: 100vh;">\n' + "\n".join(next_set[:-1])
+    next_set_images = '<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 0; ">\n' + "\n".join(next_set[:-1])
     return response['data'][0], row_count, next_set_images
 
-get_next10_images(response_dict=response_dict, row_count=9)
-
-#def process_response(response_dict):
-#  return [resp[0][:-1] for resp in response_dict["data"]]
-
-#response_dict = get_initial_images()
-#initial = process_response(response_dict)
-#initial_imgs  = '<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 0;">\n' + "\n".join(initial[:-1])
-#print(initial_imgs )
-#print("*****************")
-#response_dict
+#get_next10_images(response_dict=response_dict, row_count=9)
 
 #Defining the Blocks layout
 with gr.Blocks(css = """#img_search img {width: 100%; height: 100%; object-fit: cover;}""") as demo:
@@ -91,8 +78,6 @@ with gr.Blocks(css = """#img_search img {width: 100%; height: 100%; object-fit:
   gr.HTML('''<center><a href="https://huggingface.co/spaces/ysharma/Blip_PlaygroundAI?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a></center> 
         </p></div>''')
   gr.HTML(value='<a href="#top">go ot top</a>', elem_id="bottom",)
-  #image_in.change(Image_similarity_search, [image_in, search_query], [img_search], api_name="PlaygroundAI_image_search" )
-  #search_query.submit(Image_similarity_search, [image_in, search_query], [img_search], api_name='PlaygroundAI_text_search' )
   b1.click(get_next10_images, [df, row_count], [df, row_count, img_search], api_name = "load_playgroundai_images" ) 
 
 demo.launch(debug=True)