Update app.py

app.py

@@ -59,30 +59,8 @@ def respond(message, history, name, char_class, char_alignment):
 
 chat_css="""
 
-#alignment_radio input[type="radio"] {
-    display: none;
-}
-
-#alignment_radio label {
-    display: flex !important;
-    align-items: center;
-    justify-content: center;
-    aspect-ratio: 1 / 1;
-    background-color: #eee;
-    border: 1px solid #ccc;
-    font-size: 0.75rem;
-    margin: 0 !important;
-    padding: 0 !important;
-    cursor: pointer;
-    user-select: none;
-    transition: background-color 0.2s, color 0.2s;
-}
-
-/* This is the magic: target the label of the checked input */
-#alignment_radio input[type="radio"]:checked + label {
-    background-color: red !important;
-    color: white !important;
-    border-color: darkred !important;
+.alignment_radio{
+    color: red;
 }
 """
 
@@ -95,24 +73,24 @@ with gr.Blocks(css=chat_css) as chatbot:
                 show_share_button=False, 
                 show_download_button=False
             )
-        with gr.Column(scale=3):  
-            gr.Markdown("""# Character Maker""")
+        with gr.Column(scale=5):  
+            gr.Markdown("""# Gorf's Character Creator""")
 
     with gr.Row():
     
         with gr.Column(scale=1):
-            gr.HTML("<h1>Hello from custom HTML!</h1><p>This is a paragraph.</p>")
-            character_name = gr.Textbox(label = "Character Name", placeholder="Type your name here…", info ="optional")
-            character_class = gr.CheckboxGroup(['Barbarian', 'Bard', 'Cleric', 'Druid', 'Fighter', 'Monk', 'Paladin', 'Ranger', 'Rogue', 'Sorcerer', 'Warlock', 'Wizard'], label="Character Class", info="Choose one or more")
-            character_alignment = gr.Radio(["Lawful Good", "Neutral Good", "Chaotic Good", "Lawful Neutral", "True Neutral", "Chaotic Neutral", "Lawful Evil", "Neutral Evil", "Chaotic Evil"], elem_id="alignment_radio")
-
-            gr.ChatInterface(
-                fn=respond,
-                additional_inputs=[character_name, character_class, character_alignment],  # Pass name into function!
-                type="messages",
-                examples=None,
-                title="Character Creator",
-                description="Welcome! Tell me what you want to create and we can make your character come to life!"
-            )
+            
+    #         character_name = gr.Textbox(label = "Character Name", placeholder="Type your name here…", info ="optional")
+    #         character_class = gr.CheckboxGroup(['Barbarian', 'Bard', 'Cleric', 'Druid', 'Fighter', 'Monk', 'Paladin', 'Ranger', 'Rogue', 'Sorcerer', 'Warlock', 'Wizard'], label="Character Class", info="Choose one or more")
+    #         character_alignment = gr.Radio(["Lawful Good", "Neutral Good", "Chaotic Good", "Lawful Neutral", "True Neutral", "Chaotic Neutral", "Lawful Evil", "Neutral Evil", "Chaotic Evil"], elem_classes="alignment_radio")
+        with gr.Column(scale=1):
+    #         gr.ChatInterface(
+    #             fn=respond,
+    #             additional_inputs=[character_name, character_class, character_alignment],  # Pass name into function!
+    #             type="messages",
+    #             examples=None,
+    #             title="Character Creator",
+    #             description="Welcome! Tell me what you want to create and we can make your character come to life!"
+    #         )
 
 chatbot.launch()