adjust chat records layout styles

This commit is contained in:
RockYang
2024-07-25 11:01:27 +08:00
parent 59301df073
commit f6f8748521
14 changed files with 559 additions and 191 deletions

View File

@@ -96,7 +96,7 @@
.right-box {
width 100%
color rgb(250 247 245)
overflow hidden
overflow auto
.list-box {
padding 0 0 0 20px
@@ -105,9 +105,10 @@
flex-flow row
padding 5px 0
cursor pointer
margin-bottom 10px
&:hover {
background-color #1C1616
background-color #2A2525
}
.left {
@@ -246,11 +247,41 @@
}
}
.item.active {
.task {
height 100px
background-color #2A2525
display flex
margin-bottom 10px
.left {
display flex
justify-content left
align-items center
padding 20px
width 320px
.title {
font-size 14px
color #e1e1e1
white-space: nowrap; /* */
overflow: hidden; /* */
text-overflow: ellipsis; /* */
}
}
.right {
display flex
width 100%
justify-content center
}
}
}
.pagination {
padding 10px 20px
display flex
justify-content center
}
.music-player {
width 100%
position: fixed;