mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-11-12 20:23:46 +08:00
feat: create chat app list page, build the layout of page
This commit is contained in:
20
web/src/assets/css/chat-app.css
Normal file
20
web/src/assets/css/chat-app.css
Normal file
@@ -0,0 +1,20 @@
|
||||
.page-apps {
|
||||
background-color: #282c34;
|
||||
height: 100vh;
|
||||
}
|
||||
.page-apps .title {
|
||||
text-align: center;
|
||||
background-color: #25272d;
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #3c3c3c;
|
||||
}
|
||||
.page-apps .inner {
|
||||
display: flex;
|
||||
color: #fff;
|
||||
padding: 20px;
|
||||
}
|
||||
.page-apps .inner .left-menu {
|
||||
width: 160px;
|
||||
}
|
||||
25
web/src/assets/css/chat-app.styl
Normal file
25
web/src/assets/css/chat-app.styl
Normal file
@@ -0,0 +1,25 @@
|
||||
.page-apps {
|
||||
background-color: #282c34;
|
||||
height 100vh
|
||||
|
||||
.title {
|
||||
text-align center
|
||||
background-color #25272d
|
||||
font-size 24px
|
||||
color #ffffff
|
||||
padding 10px
|
||||
border-bottom 1px solid #3c3c3c
|
||||
}
|
||||
|
||||
.inner {
|
||||
display flex
|
||||
color #ffffff
|
||||
padding 20px;
|
||||
|
||||
.left-menu {
|
||||
width 160px
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@@ -50,6 +50,9 @@
|
||||
border-top-right-radius: 10px;
|
||||
background-color: rgba(10,10,10,0.7);
|
||||
}
|
||||
.page-images-wall .inner .waterfall .list-item .prompt span {
|
||||
word-break: break-all;
|
||||
}
|
||||
.page-images-wall .inner .waterfall .list-item .prompt .el-icon {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
|
||||
@@ -69,6 +69,10 @@
|
||||
border-top-right-radius 10px
|
||||
background-color rgba(10, 10, 10, 0.7)
|
||||
|
||||
span {
|
||||
word-break break-all
|
||||
}
|
||||
|
||||
.el-icon {
|
||||
position absolute
|
||||
bottom 10px
|
||||
|
||||
Reference in New Issue
Block a user