root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【todo】AI 角色仓库，调整 card 大小

Browse Source
This commit is contained in:
cherishsince 2024-05-21 09:52:02 +08:00
parent cb64b940a5
commit 138cf760b2
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/ai/chat/role/RoleList.vue
View File

@ -101,8 +101,8 @@ onMounted(() => {
<style lang="scss"> <style lang="scss">
// 重写 card 组件 body 样式 // 重写 card 组件 body 样式
.card-body { .card-body {
max-width: 300px; max-width: 240px;
width: 300px; width: 240px;
padding: 15px; padding: 15px;
display: flex; display: flex;
@ -134,12 +134,11 @@ onMounted(() => {
border-radius: 10px; border-radius: 10px;
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
//max-height: 152px;
.more-container { .more-container {
position: absolute; position: absolute;
top: 0;
right: 12px; right: 12px;
top: 0px;
} }
.avatar { .avatar {
@ -156,7 +155,6 @@ onMounted(() => {
.content-container { .content-container {
height: 85px; height: 85px;
overflow: hidden;
.title { .title {
font-size: 18px; font-size: 18px;
@ -174,7 +172,7 @@ onMounted(() => {
.btn-container { .btn-container {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
margin-top: 15px; margin-top: 2px;
} }
} }