src/components/postsPanel/postsPanel.module.css

.panel{
    background-color: var(--card-bg);
    height:100%;
    width:100%;
    padding:0px 5px;
}
span {
    color:var(--text-color)
}
.header{
    border-bottom:1px solid var(--border-color);
    box-shadow: 1px;
    height:10%;
    width:100%;
    display:flex;
    justify-content: space-between;
}

.header .title{
    font:bold ;
    color:var(--text-color);
    
}

.header .more{
    font:bold ;
    color:var(--text-color);
}

.content .item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:10px;
    padding-bottom:10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04); /* 添加边框阴影 */
    border:1px solid rgba(0,0,0,0.04);
}

.content .item:hover {
    background:var(--select-bg-color);
    cursor:pointer
}
.content .item .text{
    width:70%;
    overflow-x:hidden;
    color:var(--text-color);
}