ysharma HF staff commited on
Commit
4ca2a76
·
1 Parent(s): 574c554

update css styling

Browse files
Files changed (1) hide show
  1. app.py +4 -4
app.py CHANGED
@@ -73,12 +73,12 @@ def Image_similarity_search(image_in, search_query):
73
  #html_tag1 = "<img src='"+pai_img_link1+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
74
  #html_tag2 = "<img src='"+pai_img_link2+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
75
  #html_tag3 = "<img src='"+pai_img_link3+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
76
- html_tag = f"""<div class='gallery'>
77
  <img src='{pai_img_link}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
78
  <img src='{pai_img_link1}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
79
  <img src='{pai_img_link2}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
80
  <img src='{pai_img_link3}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
81
- </div>"""
82
  #html_tag = f"<img src='{pai_img_link}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>"
83
  return pai_prompt, html_tag #[pai_prompt, pai_prompt1, pai_prompt2, pai_prompt3], [html_tag, html_tag1, html_tag2, html_tag3]
84
 
@@ -88,8 +88,8 @@ with gr.Blocks(css = """#label_mid {padding-top: 2px; padding-bottom: 2px;}
88
  #label_results {padding-top: 5px; padding-bottom: 1px;}
89
  #col-container {max-width: 580px; margin-left: auto; margin-right: auto;}
90
  #accordion {max-width: 580px; margin-left: auto; margin-right: auto;}
91
- #img_search.gallery {display: flex; flex-wrap: wrap; justify-content: center;}
92
- #img_search.gallery img {margin: 10px; max-width: 300px; max-height: 300px;}
93
  """) as demo:
94
  gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
95
  <div
 
73
  #html_tag1 = "<img src='"+pai_img_link1+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
74
  #html_tag2 = "<img src='"+pai_img_link2+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
75
  #html_tag3 = "<img src='"+pai_img_link3+"' alt='"+img_caption+"' height='512' style='display: block; margin: auto;'>"
76
+ html_tag = f"""<div>
77
  <img src='{pai_img_link}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
78
  <img src='{pai_img_link1}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
79
  <img src='{pai_img_link2}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
80
  <img src='{pai_img_link3}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>
81
+ </div>""" #class='gallery' >
82
  #html_tag = f"<img src='{pai_img_link}' alt='{img_caption}' height='512' style='display: block; margin: auto;'>"
83
  return pai_prompt, html_tag #[pai_prompt, pai_prompt1, pai_prompt2, pai_prompt3], [html_tag, html_tag1, html_tag2, html_tag3]
84
 
 
88
  #label_results {padding-top: 5px; padding-bottom: 1px;}
89
  #col-container {max-width: 580px; margin-left: auto; margin-right: auto;}
90
  #accordion {max-width: 580px; margin-left: auto; margin-right: auto;}
91
+ #img_search {display: flex; flex-wrap: wrap; justify-content: center;}
92
+ #img_search img {margin: 10px; max-width: 300px; max-height: 300px;}
93
  """) as demo:
94
  gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
95
  <div