Update app.py
Browse files
app.py
CHANGED
|
@@ -83,7 +83,7 @@ st.markdown('''
|
|
| 83 |
margin-top: 1.5rem !important;
|
| 84 |
}
|
| 85 |
|
| 86 |
-
/* Game Board Container */
|
| 87 |
.board-container {
|
| 88 |
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
|
| 89 |
border-radius: 20px;
|
|
@@ -91,11 +91,12 @@ st.markdown('''
|
|
| 91 |
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
|
| 92 |
inset 0 0 30px rgba(255, 215, 0, 0.1);
|
| 93 |
border: 3px solid rgba(255, 215, 0, 0.3);
|
| 94 |
-
margin: 1rem
|
| 95 |
text-align: center;
|
| 96 |
width: fit-content;
|
| 97 |
-
|
| 98 |
-
|
|
|
|
| 99 |
}
|
| 100 |
|
| 101 |
/* Board Display */
|
|
@@ -113,6 +114,8 @@ st.markdown('''
|
|
| 113 |
white-space: pre !important;
|
| 114 |
width: fit-content !important;
|
| 115 |
margin: 0 auto !important;
|
|
|
|
|
|
|
| 116 |
}
|
| 117 |
|
| 118 |
/* Buttons - Gaming Style */
|
|
@@ -532,7 +535,7 @@ def display_algorithm_performance(title, algo_perf):
|
|
| 532 |
|
| 533 |
# Main Game Layout
|
| 534 |
if st.session_state.game_mode == "vs AI":
|
| 535 |
-
col1, col2 = st.columns([
|
| 536 |
|
| 537 |
with col1:
|
| 538 |
st.subheader("🎯 GAME BOARD")
|
|
@@ -697,7 +700,7 @@ if st.session_state.game_mode == "vs AI":
|
|
| 697 |
st.info("🎲 Make your first move to see AI analysis!")
|
| 698 |
|
| 699 |
else: # Two Player Mode
|
| 700 |
-
col1, col2 = st.columns([
|
| 701 |
|
| 702 |
with col1:
|
| 703 |
st.subheader("🎯 GAME BOARD")
|
|
|
|
| 83 |
margin-top: 1.5rem !important;
|
| 84 |
}
|
| 85 |
|
| 86 |
+
/* Game Board Container - Fixed to prevent overlap */
|
| 87 |
.board-container {
|
| 88 |
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
|
| 89 |
border-radius: 20px;
|
|
|
|
| 91 |
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
|
| 92 |
inset 0 0 30px rgba(255, 215, 0, 0.1);
|
| 93 |
border: 3px solid rgba(255, 215, 0, 0.3);
|
| 94 |
+
margin: 1rem auto;
|
| 95 |
text-align: center;
|
| 96 |
width: fit-content;
|
| 97 |
+
display: block;
|
| 98 |
+
position: static !important;
|
| 99 |
+
height: auto !important;
|
| 100 |
}
|
| 101 |
|
| 102 |
/* Board Display */
|
|
|
|
| 114 |
white-space: pre !important;
|
| 115 |
width: fit-content !important;
|
| 116 |
margin: 0 auto !important;
|
| 117 |
+
height: auto !important;
|
| 118 |
+
position: static !important;
|
| 119 |
}
|
| 120 |
|
| 121 |
/* Buttons - Gaming Style */
|
|
|
|
| 535 |
|
| 536 |
# Main Game Layout
|
| 537 |
if st.session_state.game_mode == "vs AI":
|
| 538 |
+
col1, col2 = st.columns([1, 1], gap="large")
|
| 539 |
|
| 540 |
with col1:
|
| 541 |
st.subheader("🎯 GAME BOARD")
|
|
|
|
| 700 |
st.info("🎲 Make your first move to see AI analysis!")
|
| 701 |
|
| 702 |
else: # Two Player Mode
|
| 703 |
+
col1, col2 = st.columns([1, 1], gap="large")
|
| 704 |
|
| 705 |
with col1:
|
| 706 |
st.subheader("🎯 GAME BOARD")
|