casi listo

app.py

@@ -1,6 +1,3 @@
-#!/usr/bin/env python3
-
-import gradio as gr #interface gráfica
 import requests
 import re
 
@@ -66,16 +63,24 @@ def cotiza_monto(monto, tipo): #tipo es compra o venta
         global compra
         son_satoshis = str(int(monto / compra * 100000000)) + " SATS"
         son_pesos = "" #para que no se imprima a la salida
+        monto_en = "ARS"
     else:
         global venta
         son_pesos = str(int(monto * venta / 100000000)) + " ARS"
         son_satoshis = "" #para que no se imprima a la salida
+        monto_en = "SATS"
+    
+    #salida = "{}{}".format(son_satoshis, son_pesos)
+    clases_css = "text-gray-500 text-[0.855rem] mb-2 block dark:text-gray-200 relative z-40 scroll-hide block gr-box gr-input w-full gr-text-input"
+    cotizamonto_out_style = "style='font-size: larger; background-color: #ffa500; color: #461000; text-align: center'"
+    salida_html = f"<div class='cotizamonto_out {clases_css}' {cotizamonto_out_style}>{monto} {monto_en} -> {son_satoshis}{son_pesos}</div>"
+    salida = salida_html
     
-    return "{}{}".format(son_satoshis, son_pesos)
+    return salida
 
 ## UI
 
-with gr.Blocks(css="#cotizamonto_txt {color: #d43100}") as cotizabtc:
+with gr.Blocks() as cotizabtc:
     cotizabtc_inp_1 = gr.Slider(label="Compra prima", minimum=0, maximum=12, value=6, step=1)
     cotizabtc_inp_2 = gr.Slider(label="Venta prima", minimum=0, maximum=12, value=6, step=1)
     cotizabtc_out_1 = gr.Textbox(label="Mi cotización:")
@@ -85,9 +90,10 @@ with gr.Blocks(css="#cotizamonto_txt {color: #d43100}") as cotizabtc:
     cotizabtc_btn.click(fn=cotiza_btc, inputs=[cotizabtc_inp_1, cotizabtc_inp_2], outputs=[cotizabtc_out_1, cotizabtc_out_2])
     
     #--- cotizamonto:
-    cotizamonto_inp_1 = gr.Slider(label="Monto:", minimum=100, maximum=50000, value=1000, step=100)
+    cotizamonto_inp_1 = gr.Slider(label="Monto (ars/sats):", minimum=100, maximum=900000, value=1000, step=100)
     cotizamonto_inp_2 = gr.Radio(["compra", "venta"], label="tipo")
-    cotizamonto_out = gr.Textbox(label="Son:", elem_id="cotizamonto_txt")
+    #cotizamonto_out = gr.Textbox(label="Son:", elem_id="cotizamonto_txt")
+    cotizamonto_out = gr.HTML()
     
     cotizamonto_btn = gr.Button("cotizar!")
     cotizamonto_btn.click(fn=cotiza_monto, inputs=[cotizamonto_inp_1, cotizamonto_inp_2], outputs=[cotizamonto_out])