xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2026-04-21 18:44:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

引入tailwind css，调整样式

Browse Source
This commit is contained in:
RockYang
2024-12-24 11:07:04 +08:00
parent fb403bde8b
commit 274cff71b1
51 changed files with 1892 additions and 2393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/assets/css/chat-plus.styl
View File

@@ -16,29 +16,18 @@
height: 100%;
}
.el-aside {
//background-color: $sideBgColor;
padding 10px
width var(--el-aside-width, 320px)
.media-page {
display: flex
flex-flow: column
//background-color: $sideBgColor
border-radius 10px
padding 10px 0
.search-box {
flex-wrap: wrap
margin-bottom: 10px
// padding: 10px 0;
// .search-input {
// --el-input-bg-color: #363535
// --el-input-border-color: #464545
// --el-input-focus-border-color:#b0a0f8
// --el-input-hover-border-color: #2DA39A
// box-shadow: none
// }
}
// 隐藏滚动条
@@ -58,16 +47,14 @@
width: 100%
justify-content: flex-start
padding: 8px 12px
//border-bottom: 1px solid #3c3c3c
//border: 1px solid #3c3c3c
cursor: pointer
// border: 1px solid #3c3c3c
border: 1px solid var(--theme-bg-color)
margin-bottom 6px
border-radius 5px
&:hover {
// background-color :rgba(239, 241, 246, 0.64);
border: 1px solid var(--border-active);
border: 1px solid var(--border-active);
}
.avatar {
@@ -115,10 +102,9 @@
}
.chat-list-item.active {
background-color :var(--theme-bg);
box-shadow: 0px 3px 9px rgba(112,144,176,0.12);
border: 1px solid var(--shadow-color);
background-color :var(--theme-bg);
box-shadow: 0 3px 9px rgba(112, 144, 176, 0.12);
border: 1px solid var(--border-active);
}
}
}
@@ -148,7 +134,7 @@
color var(--el-text-color-primary)
.chat-config {
height 30px
height 50px
padding 10px 30px
display flex
justify-content center

15
web/src/assets/css/common.styl
View File

@@ -3,7 +3,7 @@
--text-secondary: #8a939d;
--el-color-primary: rgb(107, 80, 225);
--theme-textcolor-normal:#b0a0f8;
--el-border-radius-base: 8px;
--el-border-radius-base: 5px;
--el-color-primary-light-5:rgb(107, 85, 255);
--el-color-primary-light-3:rgb(78, 51, 254);
--theme-btn-color:rgba(117, 81, 255, 1)
@@ -35,7 +35,8 @@
// #e7e7e8
}
.el-dialog{
--el-border-radius-base: 20px;
//--el-border-radius-base: calc(var(--el-component-size) / 2);
--el-dialog-border-radius: 10px
}
.login-box{
--el-component-size: 48px;
@@ -90,7 +91,11 @@
line-height: 28px;
}
.el-button--primary{
border-radius: 8px;
border-radius: 5px;
}
.el-button {
height auto
}
/* 设置滚动条的宽度 */
::-webkit-scrollbar {
@@ -117,10 +122,10 @@
}
//.el-message-box
.el-message-box{
--el-messagebox-border-radius:18px
--el-messagebox-border-radius: 10px
}
.el-message-box__container{
border-top: 1px solid #dbd3f4;
//border-top: 1px solid #dbd3f4;
padding-top: 7px;
.el-message-box__message{
--text-color:var(--theme-text-color-primary)

29
web/src/assets/css/home.styl
View File

@@ -43,6 +43,20 @@
display flex
align-items center
flex-direction column
.icon-expand {
font-size 24px
margin-bottom 10px
cursor pointer
color var(--text-color)
}
.icon-colspan {
font-size 18px
margin-left 3px
cursor pointer
color var(--text-color)
}
}
.menu-list-collapse{
.flex-center-col{
@@ -63,14 +77,9 @@
background: transparent !important;
}
}
.el-icon{
margin: 0 4px;
width 26px !important;
height: 26px !important;
}
.menu-title{
font-size: 15px !important;
margin-bottom: 0px !important;
margin-bottom: 0 !important;
}
}
@@ -117,11 +126,15 @@
}
&.active{
color: var(--text-color);
font-weight: 600;
filter: none !important;
.el-icon{
background: rgba(79, 89, 102, .122);
}
filter: invert(100%);
}
}
}
.bot{

1
web/src/assets/css/image-dall.styl
View File

@@ -82,7 +82,6 @@
.task-list-box {
background: var(--chat-bg);
width 100%
padding 10px
color var(--text-theme-color)
overflow-x hidden

2
web/src/assets/css/image-mj.styl
View File

@@ -195,7 +195,7 @@
.task-list-box {
background: var(--chat-bg);
width 100%
padding 0 10px 10px 10px
//padding 0 10px 10px 10px
color var(--text-theme-color)
overflow-x hidden

1
web/src/assets/css/image-sd.styl
View File

@@ -84,7 +84,6 @@
.task-list-box {
background: var(--chat-bg);
width 100%
padding 0 10px 10px 10px
color: var(--text-theme-color)
overflow-x hidden

5
web/src/assets/css/index.styl
View File

@@ -1,5 +1,3 @@
.index-page {
margin: 0
overflow hidden
@@ -7,9 +5,8 @@
display flex
justify-content center
align-items baseline
padding-top 158px
min-height: 75vh
background: var(--theme-bg) !important
height: 100vh

4
web/src/assets/css/luma.styl
View File

@@ -251,7 +251,6 @@
.text {
margin-right 10px
color #000
}
}
@@ -352,7 +351,8 @@
border-radius 5px
padding 5px 10px
cursor pointer
color #000
color: var(--theme-text-color-primary)
background-color var(--btn-bg)
&:hover {
opacity: 0.7

8
web/src/assets/css/main.styl
View File

@@ -170,6 +170,14 @@ body {
.content-collapse {
left: 65px;
}
.el-table {
width: 100%;
.el-table__body-header {
height 40px
}
}
}
.w-100 {

19
web/src/assets/css/suno.styl
View File

@@ -146,7 +146,7 @@
font-size 12px
padding 2px 5px
background-color var(--sm-btn-bg)
color: #fff
color: #fff
}
}
@@ -193,7 +193,7 @@
.list-box {
padding 0 0 0 20px
padding 20px
.item {
display flex
flex-flow row
@@ -301,11 +301,13 @@
.right {
min-width 350px;
font-size 14px
padding 0 15px
padding 0 0 0 15px
display flex
justify-content right
.tools {
display flex
justify-content left
justify-content right
align-items center
flex-flow row
height 90px
@@ -313,9 +315,9 @@
.btn-publish {
padding 2px 10px
.text {
margin-right 10px
}
// .text {
// margin-right 10px
// }
}
.btn-icon {
@@ -395,11 +397,12 @@
.btn {
margin-right 10px
color: #000
color: var((--theme-text-color-primary))
border none
border-radius 5px
padding 5px 10px
cursor pointer
background: var(--btn-bg)
&:hover {

3
web/src/assets/css/tailwind.css Normal file
View File

@@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

21
web/src/assets/css/theme-dark.styl
View File

@@ -4,7 +4,7 @@
--text-fb:#fff;
--text-color: rgba(255, 255, 255, 1) !important; // 主要的文本颜色
--normal-color: rgba(163, 174, 208, 1); // 普通颜色
--el-text-color-primary: #fff;
--el-text-color-primary: #fff;
p, h1, h2, h3, h4, h5, h6, article {
// color: var(--text-color) !important;
font-family: $font-regular;
@@ -25,6 +25,7 @@
--card-bg:#252d58;
--card-bg-table: rgba(17, 28, 68, 1);
--theme-bg:rgb(13, 20, 53);
--theme-bg-color: rgb(13, 20, 53);
--theme-bg-all:rgb(13, 20, 53);
--sign-bg: rgba(27, 37, 75, 1);
--text-theme-color: #fff;
@@ -40,8 +41,8 @@
--el-bg-color:#141a36;
--el-fill-color-blank: rgba(17, 28, 68, 1);
--el-fill-color-light: rgba(86, 86, 95, .2);
--el-color-primary-light-9:rgba(86, 86, 95, .2);
--chat-wel-bg:#2d2f388a;
--el-color-primary-light-9:rgba(86, 86, 95, .2);
--chat-wel-bg:#2d2f388a;
--theme-text-color-secondary: #a3aed0;
// --el-pagination-button-bg-color: rgba(86,86,95,0.2);
@@ -67,4 +68,16 @@
--chat-content-bg-list:rgba(86, 86, 95, .2);
--hover-deep-color:#30323c;
// --theme-text-tertiary: #e1e1e1;
}
// 操作按钮
--btn-bg: rgba(86, 86, 95, .5);
.el-table {
// 表格表头背景
--el-fill-color-darker: rgba(100, 100, 100, .5);
--el-border-color-darker: #73767a;
--el-table-border-color: rgba(100, 100, 100, .5);
--el-table-row-hover-bg-color: rgba(16, 21, 43, .8);
--el-table-current-row-bg-color: rgba(16, 21, 43, .8);
}
}

12
web/src/assets/css/theme-light.styl
View File

@@ -28,6 +28,7 @@
--card-bg:#fff;
--theme-bg:linear-gradient(88deg, #fff3f3 1.44%, #e7e8ff);
--theme-bg-all:#f5f7fd;
--theme-bg-color: #f5f7fd;
--sign-bg: rgba(244, 247, 254, 1);
--text-theme-color: rgba(43, 54, 116, 1)
--text-color-primary: rgba(67, 24, 255, 1);
@@ -43,10 +44,13 @@
--chat-content-bg:#f5f7fc;
--chat-list-bg: #0302020a;
--chat-content-bg-list:#fff;
--chat-wel-bg:rgba(247, 247, 248, 1);
--el-pagination-button-bg-color: rgba(86,86,95,0.2);
--hover-deep-color:#fff;
--chat-content-bg-list: #fff;
--chat-wel-bg: rgba(247, 247, 248, 1);
--el-pagination-button-bg-color: rgba(86, 86, 95, 0.2);
--hover-deep-color: #fff;
// 操作按钮
--btn-bg: rgba(100, 100, 100, .1);
}

0
web/src/assets/css/variables.styl
View File