Sahm269's picture
Update client/pages/user.py
e72f176 verified
import streamlit as st
from client.pages.user__info_perso import info_perso
from client.pages.user__mealplan import mealplan
from client.pages.user__course_list import course_list
# from client.pages.user__favoris import favoris
# Appliquer le style personnalisé aux headers
st.markdown(
"""
<style>
/* Style global pour les headers */
h3 {
font-size: 20px;
font-family: New Icon;
font-weight: 700;
}
h2 {
font-size: 2rem;
color: #2a4b47;
}
.welcome-title {
font-size: 2.5rem;
font-weight: 700;
color: #2a4b47;
text-align: center;
animation: fadeIn 2s ease-out;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.user-name {
color: #4e7a63;
font-size: 3rem;
font-weight: bold;
animation: nameAnimation 2s ease-out;
font-family: New Icon;
}
</style>
""",
unsafe_allow_html=True,
)
# Affichage du message de bienvenue
st.markdown(
f"""
<h2 class="welcome-title">
Bienvenue sur NutriGénie <span class="user-name">{st.session_state['user']}</span> 🍽️!
</h2>
""",
unsafe_allow_html=True,
)
# Définition des onglets horizontaux
tabs = st.tabs(
[
"🧑‍💼 Informations personnelles ",
"🍽️ Meal Plan",
"🛒 Liste des courses",
# "⭐ Favoris",
]
)
# Onglet 1 : Informations personnelles
with tabs[0]:
st.markdown(
'<h3 class="stHeader">🧑‍💼 Informations personnelles</h3>',
unsafe_allow_html=True,
)
info_perso() # Charger la page `info_perso.py`
# Onglet 2 : Meal Plan
with tabs[1]:
st.markdown('<h3 class="stHeader">🍽️ Meal Plan</h3>', unsafe_allow_html=True)
mealplan() # Charger la page `mealplan.py`
# Onglet 3 : Liste des courses
with tabs[2]:
st.markdown('<h3 class="stHeader">🛒 Liste des courses</h3>', unsafe_allow_html=True)
course_list() # Charger la page `course_list.py`
# Onglet 4 : Favoris
# with tabs[3]:
# st.markdown('<h3 class="stHeader">⭐ Favoris</h3>', unsafe_allow_html=True)
# favoris() # Charger la page `favoris.py`