Oliver/sandbox-notebookllamalm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add logo display at top of app

Browse source
This commit is contained in:
DJP 2025-10-01 19:05:10 -04:00
parent d0ae72ea2b
commit 8a33bd5b9a
2 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/notebookllama/App.py
View file

@ -12,6 +12,19 @@ st.set_page_config(
# Apply custom styles
apply_custom_styles()
# Display logo at top
import base64
from pathlib import Path
logo_path = Path(__file__).parent / "SBLM.jpg"
if logo_path.exists():
with open(logo_path, "rb") as f:
logo_data = base64.b64encode(f.read()).decode()
st.markdown(
f'<div style="text-align: left; margin-bottom: 1rem;"><img src="data:image/jpeg;base64,{logo_data}" width="300"></div>',
unsafe_allow_html=True
)
# Check if user is logged in
user = get_current_user()

14
src/notebookllama/styles.py
View file

@ -153,20 +153,6 @@ def get_custom_css():
display: none !important;
}
/* Logo in top left header */
[data-testid="stHeader"] {
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjYwIiB2aWV3Qm94PSIwIDAgMjAwIDYwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxzdHlsZT4udGV4dHtmb250LWZhbWlseTpNb250c2VycmF0LHNhbnMtc2VyaWY7Zm9udC13ZWlnaHQ6NzAwO2ZpbGw6IzAwMDt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjMiLz48cGF0aCBkPSJNMTUgMjBRMjAgMTUgMzAgMTVUNDUgMjBNMTUgMzBRMjAgMjUgMzAgMjVUNDUgMzBNMTUgNDBRMjAgMzUgMzAgMzVUNDUgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIzIi8+PHRleHQgeD0iNjUiIHk9IjI1IiBjbGFzcz0idGV4dCIgZm9udC1zaXplPSIxNCI+U2FuZGJveDwvdGV4dD48dGV4dCB4PSI2NSIgeT0iNDUiIGNsYXNzPSJ0ZXh0IiBmb250LXNpemU9IjE0Ij5Ob3RlYm9va0xNPC90ZXh0Pjwvc3ZnPg==');
background-repeat: no-repeat;
background-position: 10px center;
background-size: 160px auto;
padding-left: 180px !important;
}
/* Adjust header spacing */
[data-testid="stHeader"] > div {
padding-left: 0 !important;
}
/* Hide keyboard shortcut hints */
[data-testid="stDecoration"] {
display: none !important;