adjust chat records layout styles

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

View File

@@ -427,22 +427,18 @@
.err-msg-container {
overflow hidden
word-break break-all
padding 0 10px 20px 10px
padding 15px
.title {
font-size 16px
font-size 20px
text-align center
font-weight bold
color #f56c6c
margin-bottom 20px
margin-bottom 30px
}
.text {
font-size 14px
color #E9F1F6
line-height 1.5
text-overflow ellipsis
height 100px
overflow hidden
.opt {
display flex
justify-content center
}
}
.iconfont {

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;