@cthacker/next-sidebar/Sidebar.module.css

NextJS sidebar component, supports variable amount of links + icons!

.sidebar_container {
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 2em;
    align-items: center;
    padding-top: 1%;
    background: linear-gradient(
        0deg,
        rgba(21, 150, 207, 1) 0%,
        rgba(11, 26, 89, 1) 100%
    );
}

.sidebar_image {
    height: 3.5vw;
    width: 3.5vw;
}

.sidebar_image_title {
    font-size: 0.85em;
    color: white;
    padding-top: 1em;
    font-weight: bold;
}

.sidebar_image_container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sidebar_container_links {
    display: flex;
    flex-direction: column;
}