Update app.py

app.py

@@ -204,51 +204,6 @@ def display_math_content(content):
     # Clean and format the content
     formatted_content = LatexNodes2Text().latex_to_text(content)
     st.markdown(f'<div class="math-container">{formatted_content}</div>', unsafe_allow_html=True)
-    
-# 추가 
-# def add_custom_css():
-#     st.markdown(
-#         """
-#         <style>
-#             .problem-header {
-#                 color: #FF6B6B;
-#                 font-size: 24px;
-#                 font-weight: bold;
-#                 margin-bottom: 20px;
-#             }
-
-#             .math-container {
-#                 background-color: #f9f9f9;
-#                 padding: 20px;
-#                 border-radius: 10px;
-#                 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-#                 margin-bottom: 20px;
-#             }
-
-#             .options-container {
-#                 display: grid;
-#                 grid-template-columns: 1fr 1fr;
-#                 gap: 20px;
-#             }
-
-#             .option {
-#                 background-color: white;
-#                 border: 1px solid #ddd;
-#                 border-radius: 8px;
-#                 padding: 15px;
-#                 text-align: center;
-#                 font-size: 18px;
-#                 cursor: pointer;
-#                 transition: background-color 0.3s;
-#             }
-
-#             .option:hover {
-#                 background-color: #f8f9fa;
-#             }
-#         </style>
-#         """,
-#         unsafe_allow_html=True
-#     )
 
 # 2250 
 def add_custom_css():
@@ -276,44 +231,6 @@ def add_custom_css():
         unsafe_allow_html=True
     )
 
-##
-# def display_question(question, answers):
-#     """Display question and options with LaTeX formatting"""
-#     st.markdown('<div class="problem-header">Problem:</div>', unsafe_allow_html=True)
-#     display_math_content(question)
-    
-#     # Add custom CSS for options
-#     st.markdown("""
-#         <style>
-#         .option-container {
-#             background-color: #f0f8ff;
-#             padding: 10px 20px;
-#             margin: 5px 0;
-#             border-radius: 5px;
-#             cursor: pointer;
-#             display: flex;
-#             align-items: center;
-#             gap: 20px;
-#         }
-#         .option-text {
-#             color: #0066ff;
-#             font-weight: 500;
-#             width: 30px;
-#         }
-#         </style>
-#     """, unsafe_allow_html=True)
-    
-#     # Display options
-#     for opt in ['A', 'B', 'C', 'D']:
-#         with st.container():
-#             col1, col2 = st.columns([1, 11])
-#             with col1:
-#                 if st.button(f"{opt}.", key=f"btn_{opt}", help="Click to select"):
-#                     handle_answer(opt, st.session_state.questions.iloc[st.session_state.current_question_index])
-#                     st.rerun()
-#             with col2:
-#                 display_option_content(answers[opt])
-
 def display_question(question, answers):
     """Display question and options with LaTeX formatting"""
     st.markdown('<div class="problem-header">Problem:</div>', unsafe_allow_html=True)
@@ -322,31 +239,34 @@ def display_question(question, answers):
     # Add custom CSS for options
     st.markdown("""
         <style>
-        .option-button {
-            width: 100%;
-            text-align: left;
-            margin: 5px 0;
-            padding: 10px;
+        .option-container {
             background-color: #f0f8ff;
-            border: none;
+            padding: 10px 20px;
+            margin: 5px 0;
             border-radius: 5px;
             cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 20px;
         }
-        .option-button:hover {
-            background-color: #e6f3ff;
+        .option-text {
+            color: #0066ff;
+            font-weight: 500;
+            width: 30px;
         }
         </style>
     """, unsafe_allow_html=True)
     
-    # Display each option
+    # Display options
     for opt in ['A', 'B', 'C', 'D']:
-        col1, col2 = st.columns([1, 11])
-        with col1:
-            if st.button(opt, key=f"btn_{opt}"):
-                handle_answer(opt, st.session_state.questions.iloc[st.session_state.current_question_index])
-                st.rerun()
-        with col2:
-            st.markdown(f'<div class="option-container">{answers[opt]}</div>', unsafe_allow_html=True)
+        with st.container():
+            col1, col2 = st.columns([1, 11])
+            with col1:
+                if st.button(f"{opt}.", key=f"btn_{opt}", help="Click to select"):
+                    handle_answer(opt, st.session_state.questions.iloc[st.session_state.current_question_index])
+                    st.rerun()
+            with col2:
+                display_option_content(answers[opt])
 
 def display_option_content(option_text):
     """Process and display option content with LaTeX formatting"""
@@ -355,41 +275,41 @@ def display_option_content(option_text):
     st.markdown(f'<div class="math-container">{formatted_content}</div>', unsafe_allow_html=True)
 
 # 추가
-# def update_similar_question_display(new_question, i, answered=False):
-#     """Display similar question and its options"""
-#     display_math_content(new_question['question'])
-    
-#     # Display options
-#     for opt in ['A', 'B', 'C', 'D']:
-#         with st.container():
-#             col1, col2 = st.columns([1, 11])
-#             with col1:
-#                 if st.button(f"{opt}.", key=f"sim_btn_{opt}_{i}", help="Click to select"):
-#                     if not answered:
-#                         st.session_state[f"similar_question_answered_{i}"] = True
-#                         st.session_state[f"selected_answer_{i}"] = opt
-#                         correct_answer = st.session_state.get('current_similar_question_answer')
-#                         st.session_state[f"is_correct_{i}"] = (opt == correct_answer)
-#                         st.rerun()
-#             with col2:
-#                 display_option_content(new_question['choices'][opt])
 def update_similar_question_display(new_question, i, answered=False):
     """Display similar question and its options"""
     display_math_content(new_question['question'])
-    st.write("**보기:**")
     
+    # Display options
     for opt in ['A', 'B', 'C', 'D']:
-        col1, col2 = st.columns([1, 11])
-        with col1:
-            if not answered:
-                if st.button(opt, key=f"sim_btn_{opt}_{i}"):
-                    st.session_state[f"similar_question_answered_{i}"] = True
-                    st.session_state[f"selected_answer_{i}"] = opt
-                    correct_answer = st.session_state.get('current_similar_question_answer')
-                    st.session_state[f"is_correct_{i}"] = (opt == correct_answer)
-                    st.rerun()
-        with col2:
-            display_option_content(new_question['choices'][opt])
+        with st.container():
+            col1, col2 = st.columns([1, 11])
+            with col1:
+                if st.button(f"{opt}.", key=f"sim_btn_{opt}_{i}", help="Click to select"):
+                    if not answered:
+                        st.session_state[f"similar_question_answered_{i}"] = True
+                        st.session_state[f"selected_answer_{i}"] = opt
+                        correct_answer = st.session_state.get('current_similar_question_answer')
+                        st.session_state[f"is_correct_{i}"] = (opt == correct_answer)
+                        st.rerun()
+            with col2:
+                display_option_content(new_question['choices'][opt])
+# def update_similar_question_display(new_question, i, answered=False):
+#     """Display similar question and its options"""
+#     display_math_content(new_question['question'])
+#     st.write("**보기:**")
+    
+#     for opt in ['A', 'B', 'C', 'D']:
+#         col1, col2 = st.columns([1, 11])
+#         with col1:
+#             if not answered:
+#                 if st.button(opt, key=f"sim_btn_{opt}_{i}"):
+#                     st.session_state[f"similar_question_answered_{i}"] = True
+#                     st.session_state[f"selected_answer_{i}"] = opt
+#                     correct_answer = st.session_state.get('current_similar_question_answer')
+#                     st.session_state[f"is_correct_{i}"] = (opt == correct_answer)
+#                     st.rerun()
+#         with col2:
+#             display_option_content(new_question['choices'][opt])
 def main():
     """메인 애플리케이션 로직"""
     st.title("MisconcepTutor")