Update src/streamlit_app.py
Browse files- src/streamlit_app.py +18 -13
src/streamlit_app.py
CHANGED
|
@@ -19,9 +19,9 @@ st.markdown("""
|
|
| 19 |
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
|
| 20 |
|
| 21 |
/* Limit page width */
|
| 22 |
-
|
| 23 |
-
max-width:
|
| 24 |
-
padding
|
| 25 |
}
|
| 26 |
|
| 27 |
/* Headings */
|
|
@@ -31,15 +31,13 @@ st.markdown("""
|
|
| 31 |
font-weight: 500;
|
| 32 |
margin-top: 1rem;
|
| 33 |
margin-bottom: 2rem;
|
| 34 |
-
color: #363636;
|
| 35 |
}
|
| 36 |
|
| 37 |
h2 {
|
| 38 |
-
font-size:
|
| 39 |
font-weight: 500;
|
| 40 |
margin-top: 3rem;
|
| 41 |
margin-bottom: 1.5rem;
|
| 42 |
-
color: #363636;
|
| 43 |
}
|
| 44 |
|
| 45 |
/* Links container */
|
|
@@ -92,15 +90,23 @@ st.markdown("""
|
|
| 92 |
font-size: 1.1rem;
|
| 93 |
font-weight: 600;
|
| 94 |
margin-bottom: 0.5rem;
|
| 95 |
-
color: #
|
| 96 |
}
|
| 97 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 98 |
.instruction-desc {
|
| 99 |
-
color: #
|
| 100 |
line-height: 1.6;
|
| 101 |
}
|
| 102 |
|
| 103 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 104 |
.stButton>button {
|
| 105 |
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 106 |
color: white;
|
|
@@ -114,7 +120,7 @@ st.markdown("""
|
|
| 114 |
.stButton>button:hover {
|
| 115 |
transform: translateY(-2px);
|
| 116 |
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
|
| 117 |
-
}
|
| 118 |
|
| 119 |
/* Hide streamlit branding */
|
| 120 |
#MainMenu {visibility: hidden;}
|
|
@@ -269,7 +275,7 @@ def create_bar_chart(df, view_type):
|
|
| 269 |
return fig
|
| 270 |
|
| 271 |
# Main content
|
| 272 |
-
st.
|
| 273 |
|
| 274 |
# Nerfies-style button links
|
| 275 |
st.markdown("""
|
|
@@ -298,7 +304,6 @@ if 'user_results' in st.session_state:
|
|
| 298 |
df = pd.concat([user_row, df], ignore_index=True)
|
| 299 |
|
| 300 |
# Leaderboard section
|
| 301 |
-
st.title("NaviTrace Leaderboard")
|
| 302 |
st.header("Leaderboard")
|
| 303 |
|
| 304 |
# View selector
|
|
|
|
| 19 |
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
|
| 20 |
|
| 21 |
/* Limit page width */
|
| 22 |
+
[data-testid="stAppViewContainer"] > .block-container {
|
| 23 |
+
max-width: 1200px !important;
|
| 24 |
+
padding: 3rem 1.5rem 10rem 1.5rem;
|
| 25 |
}
|
| 26 |
|
| 27 |
/* Headings */
|
|
|
|
| 31 |
font-weight: 500;
|
| 32 |
margin-top: 1rem;
|
| 33 |
margin-bottom: 2rem;
|
|
|
|
| 34 |
}
|
| 35 |
|
| 36 |
h2 {
|
| 37 |
+
font-size: 3rem !important;
|
| 38 |
font-weight: 500;
|
| 39 |
margin-top: 3rem;
|
| 40 |
margin-bottom: 1.5rem;
|
|
|
|
| 41 |
}
|
| 42 |
|
| 43 |
/* Links container */
|
|
|
|
| 90 |
font-size: 1.1rem;
|
| 91 |
font-weight: 600;
|
| 92 |
margin-bottom: 0.5rem;
|
| 93 |
+
color: #3c3c3c;
|
| 94 |
}
|
| 95 |
+
|
| 96 |
+
.theme-dark .instruction-title {
|
| 97 |
+
color: #ebebeb;
|
| 98 |
+
}
|
| 99 |
+
|
| 100 |
.instruction-desc {
|
| 101 |
+
color: #555;
|
| 102 |
line-height: 1.6;
|
| 103 |
}
|
| 104 |
|
| 105 |
+
.theme-dark .instruction-desc {
|
| 106 |
+
color: #c5c5c5
|
| 107 |
+
}
|
| 108 |
+
|
| 109 |
+
/* Streamlit button styling
|
| 110 |
.stButton>button {
|
| 111 |
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 112 |
color: white;
|
|
|
|
| 120 |
.stButton>button:hover {
|
| 121 |
transform: translateY(-2px);
|
| 122 |
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
|
| 123 |
+
}*/
|
| 124 |
|
| 125 |
/* Hide streamlit branding */
|
| 126 |
#MainMenu {visibility: hidden;}
|
|
|
|
| 275 |
return fig
|
| 276 |
|
| 277 |
# Main content
|
| 278 |
+
st.title("NaviTrace Leaderboard")
|
| 279 |
|
| 280 |
# Nerfies-style button links
|
| 281 |
st.markdown("""
|
|
|
|
| 304 |
df = pd.concat([user_row, df], ignore_index=True)
|
| 305 |
|
| 306 |
# Leaderboard section
|
|
|
|
| 307 |
st.header("Leaderboard")
|
| 308 |
|
| 309 |
# View selector
|