Update gradio_keylock/component.py

gradio_keylock/component.py

@@ -174,7 +174,8 @@ class KeylockDecoderComponent:
                 max-width: 480px;
                 margin: 4rem auto !important;
                 padding: 2rem 2.5rem;
-                background-color: rgba(22, 27, 34, 0.85);
+                background-image:<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"></path></svg>;
+                /* background-color: rgba(22, 27, 34, 0.85); */
                 border: 1px solid #30363d;
                 border-radius: 12px;
                 box-shadow: 0 8px 32px rgba(0,0,0,0.5);
@@ -279,7 +280,7 @@ class KeylockDecoderComponent:
         
             gr.HTML("""
                 <div id="keylock-logo">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"></path></svg>
+                    
                     <h1>KeyLock Authentication</h1>
                 </div>
             """)