Test HTML

app.py

@@ -114,7 +114,13 @@ destination_image = gr.Image(label="Destination")
 #Outputs
 result_image = gr.Image(label="Blend Result")
 txt_credits = gr.Textbox(label="Credits Available", value="205", interactive=False)
-html_credits = gr.HTML("<div>Credits = 205</div>")
+#html_credits = gr.HTML("<div><b>Credits Available</b> = 205</div>")
+
+html_credits = gr.HTML("""
+                       <div><b>Credits Available</b> = 205</div>
+                       """)
+
+
 lbl_console = gr.Label(label="AI Terminal Messages", value="AI Engine ready...", container=True)
 btn_buy = gr.Button("Buy More", visible=True, size='lg')
 #btn_buy.click(fn=click_buy, outputs=mrk_title)
@@ -131,12 +137,13 @@ valor = ""
 
 with gr.Blocks(theme=gr.themes.Base(), css="footer {visibility: hidden}") as main:   
 
-    with gr.Row():        
-        gr.Markdown(visible=True)
-        gr.Markdown(visible=True)
-        gr.Markdown(visible=True)
-        lbl_credits = gr.Label(label="Credits Available", value=valor, scale=1)        
-        result_image.change(fn=display_tokens, outputs=lbl_credits)
+    # with gr.Row():        
+    #     gr.Markdown(visible=True)
+    #     gr.Markdown(visible=True)
+    #     gr.Markdown(visible=True)
+    #     #lbl_credits = gr.Label(label="Credits Available", value=valor, scale=1) 
+    #     html_credits = gr.HTML("<div>Credits = 205</div>")  
+    #     #result_image.change(fn=display_tokens, outputs=lbl_credits)
    
     with gr.Row():
 
@@ -144,7 +151,7 @@ with gr.Blocks(theme=gr.themes.Base(), css="footer {visibility: hidden}") as mai
             fn=perform,
             title="", 
             inputs=[source_image, destination_image], 
-            outputs=[result_image, lbl_console, txt_credits, btn_buy], 
+            outputs=[result_image, lbl_console, html_credits, btn_buy], 
             allow_flagging='auto'
             )