tunglee0305/gradient_ai

1section[data-testid='stSidebar'] {2    background-color: #111;3    min-width:unset !important;4    width: unset !important;5    flex-shrink: unset !important;6    7}8 9button[kind="header"] {10    background-color: transparent;11    color:rgb(180, 167, 141)12}13 14@media(hover){15    /* header element to be removed */16    header[data-testid="stHeader"] {17        display:none;18    }19 20    /* The navigation menu specs and size */21    section[data-testid='stSidebar'] > div {22        height: 100%;23        width: 95px;24        position: relative;25        z-index: 1;26        top: 0;27        left: 0;28        background-color: #111;29        overflow-x: hidden;30        transition: 0.5s ease;31        padding-top: 60px;32        white-space: nowrap;33    }34 35    /* The navigation menu open and close on hover and size */36    /* section[data-testid='stSidebar'] > div {37    height: 100%;38    width: 75px; /* Put some width to hover on. */39    /* } 40 41    /* ON HOVER */42    section[data-testid='stSidebar'] > div:hover{43    width: 300px;44    }45 46    /* The button on the streamlit navigation menu - hidden */47    button[kind="header"] {48        display: none;49    }50}51     52@media(max-width: 272px){53    54    section[data-testid='stSidebar'] > div {55        width:15rem;56    }57}58 59