Spaces:
Sleeping
Sleeping
| import streamlit as st | |
| import streamlit.components.v1 as components | |
| # Set page config for dark theme | |
| st.set_page_config(layout="wide", page_title="Web UI", page_icon=":ghost:", initial_sidebar_state="expanded") | |
| # Apply dark theme | |
| st.markdown(""" | |
| <style> | |
| .reportview-container { | |
| background-color: #0e1117; | |
| } | |
| .sidebar .sidebar-content { | |
| background-color: #262730; | |
| } | |
| .Widget>label { | |
| color: white; | |
| } | |
| .stRadio>div{ | |
| color: white; | |
| } | |
| .stCheckbox>div{ | |
| color: white; | |
| } | |
| .stSelectbox>div{ | |
| color: white; | |
| } | |
| </style> | |
| """, unsafe_allow_html=True) | |
| # Sidebar menu | |
| st.sidebar.title("๋ฉ๋ด") | |
| menu = st.sidebar.radio("์ ํํ์ธ์:", ("A", "B")) | |
| # Main content | |
| if menu == "A": | |
| components.iframe("https://seawolf2357-flxloraexp.hf.space", height=800, scrolling=True) | |
| elif menu == "B": | |
| components.iframe("http://hugpu.ai:8000", height=800, scrolling=True) | |
| # Make the layout responsive | |
| st.markdown(""" | |
| <style> | |
| .reportview-container .main .block-container { | |
| max-width: 1000px; | |
| padding-top: 2rem; | |
| padding-right: 2rem; | |
| padding-left: 2rem; | |
| padding-bottom: 2rem; | |
| } | |
| .sidebar .sidebar-content { | |
| width: 300px; | |
| } | |
| </style> | |
| """, unsafe_allow_html=True) |