xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-16 06:03:42 +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

161
web/src/assets/iconfont/iconfont.css
View File

@@ -1,10 +1,8 @@
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: 'iconfont'; /* Project id 4125778 */
src: url('//at.alicdn.com/t/c/font_4125778_t6hhjiqu67.woff2?t=1733221702650') format('woff2'),
url('//at.alicdn.com/t/c/font_4125778_t6hhjiqu67.woff?t=1733221702650') format('woff'),
url('//at.alicdn.com/t/c/font_4125778_t6hhjiqu67.ttf?t=1733221702650') format('truetype');
font-family: "iconfont"; /* Project id 4125778 */
src: url('iconfont.woff2?t=1734934068681') format('woff2'),
url('iconfont.woff?t=1734934068681') format('woff'),
url('iconfont.ttf?t=1734934068681') format('truetype');
}
.iconfont {
@@ -15,6 +13,154 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-redeem:before {
content: "\e61a";
}
.icon-login:before {
content: "\e636";
}
.icon-present:before {
content: "\e648";
}
.icon-icon-warning:before {
content: "\e671";
}
.icon-help:before {
content: "\e64a";
}
.icon-success:before {
content: "\e61e";
}
.icon-error:before {
content: "\e64e";
}
.icon-house:before {
content: "\e619";
}
.icon-vip4:before {
content: "\e684";
}
.icon-vip1:before {
content: "\f90b";
}
.icon-vip2:before {
content: "\fabb";
}
.icon-vip3:before {
content: "\10135";
}
.icon-conversation:before {
content: "\e617";
}
.icon-arrow-down:before {
content: "\e615";
}
.icon-arrow-up:before {
content: "\e616";
}
.icon-refresh:before {
content: "\e90c";
}
.icon-refresh-bold:before {
content: "\e614";
}
.icon-copy:before {
content: "\e720";
}
.icon-new-chat:before {
content: "\e613";
}
.icon-expand:before {
content: "\e7a0";
}
.icon-colspan:before {
content: "\e79e";
}
.icon-question:before {
content: "\e8e9";
}
.icon-AIduihua_jihuo:before {
content: "\e6bb";
}
.icon-MidJourney:before {
content: "\e60e";
}
.icon-stable-diffusion:before {
content: "\e60f";
}
.icon-info:before {
content: "\e6a0";
}
.icon-more-horizontal:before {
content: "\e60d";
}
.icon-xinghao:before {
content: "\e8d6";
}
.icon-plus:before {
content: "\e61f";
}
.icon-plus-circle:before {
content: "\e822";
}
.icon-taiyang:before {
content: "\e60b";
}
.icon-yueliang:before {
content: "\e679";
}
.icon-prev-page:before {
content: "\e8ef";
}
.icon-next-page:before {
content: "\e8f0";
}
.icon-search:before {
content: "\e618";
}
.icon-sub_menu:before {
content: "\e75e";
}
.icon-google:before {
content: "\ea0c";
}
.icon-linggan:before {
content: "\e641";
}
@@ -419,6 +565,3 @@
content: "\e66f";
}
.icon-house:before {
content: "\e619";
}

2
web/src/assets/iconfont/iconfont.js
View File

File diff suppressed because one or more lines are too long

259
web/src/assets/iconfont/iconfont.json
View File

@@ -5,6 +5,265 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "3624396",
"name": "兑换码",
"font_class": "redeem",
"unicode": "e61a",
"unicode_decimal": 58906
},
{
"icon_id": "8760110",
"name": "login",
"font_class": "login",
"unicode": "e636",
"unicode_decimal": 58934
},
{
"icon_id": "29565277",
"name": "礼物",
"font_class": "present",
"unicode": "e648",
"unicode_decimal": 58952
},
{
"icon_id": "13519527",
"name": "警告",
"font_class": "icon-warning",
"unicode": "e671",
"unicode_decimal": 58993
},
{
"icon_id": "145466",
"name": "帮助",
"font_class": "help",
"unicode": "e64a",
"unicode_decimal": 58954
},
{
"icon_id": "1951950",
"name": "成功",
"font_class": "success",
"unicode": "e61e",
"unicode_decimal": 58910
},
{
"icon_id": "6204756",
"name": "失败",
"font_class": "error",
"unicode": "e64e",
"unicode_decimal": 58958
},
{
"icon_id": "3916695",
"name": "首页",
"font_class": "house",
"unicode": "e619",
"unicode_decimal": 58905
},
{
"icon_id": "10583159",
"name": "会员",
"font_class": "vip4",
"unicode": "e684",
"unicode_decimal": 59012
},
{
"icon_id": "23942994",
"name": "会员",
"font_class": "vip1",
"unicode": "f90b",
"unicode_decimal": 63755
},
{
"icon_id": "24111538",
"name": "会员",
"font_class": "vip2",
"unicode": "fabb",
"unicode_decimal": 64187
},
{
"icon_id": "37305926",
"name": "会员VIP",
"font_class": "vip3",
"unicode": "10135",
"unicode_decimal": 65845
},
{
"icon_id": "41134022",
"name": "新会话",
"font_class": "conversation",
"unicode": "e617",
"unicode_decimal": 58903
},
{
"icon_id": "17411805",
"name": "Arrow Down",
"font_class": "arrow-down",
"unicode": "e615",
"unicode_decimal": 58901
},
{
"icon_id": "17411857",
"name": "Arrow Up",
"font_class": "arrow-up",
"unicode": "e616",
"unicode_decimal": 58902
},
{
"icon_id": "7736305",
"name": "refresh",
"font_class": "refresh",
"unicode": "e90c",
"unicode_decimal": 59660
},
{
"icon_id": "1391302",
"name": "Refresh",
"font_class": "refresh-bold",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "19418384",
"name": "copy",
"font_class": "copy",
"unicode": "e720",
"unicode_decimal": 59168
},
{
"icon_id": "20584689",
"name": "New Chat",
"font_class": "new-chat",
"unicode": "e613",
"unicode_decimal": 58899
},
{
"icon_id": "23995596",
"name": "收起展开-展开",
"font_class": "expand",
"unicode": "e7a0",
"unicode_decimal": 59296
},
{
"icon_id": "23995626",
"name": "收起展开-收起",
"font_class": "colspan",
"unicode": "e79e",
"unicode_decimal": 59294
},
{
"icon_id": "1727527",
"name": "306问号-线性圆框",
"font_class": "question",
"unicode": "e8e9",
"unicode_decimal": 59625
},
{
"icon_id": "35446270",
"name": "AI对话_激活",
"font_class": "AIduihua_jihuo",
"unicode": "e6bb",
"unicode_decimal": 59067
},
{
"icon_id": "39584617",
"name": "MidJourney-copy",
"font_class": "MidJourney",
"unicode": "e60e",
"unicode_decimal": 58894
},
{
"icon_id": "42109955",
"name": "stable-diffusion",
"font_class": "stable-diffusion",
"unicode": "e60f",
"unicode_decimal": 58895
},
{
"icon_id": "1227734",
"name": "info",
"font_class": "info",
"unicode": "e6a0",
"unicode_decimal": 59040
},
{
"icon_id": "159969",
"name": "more",
"font_class": "more-horizontal",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "8434022",
"name": "星号",
"font_class": "xinghao",
"unicode": "e8d6",
"unicode_decimal": 59606
},
{
"icon_id": "831577",
"name": "plus",
"font_class": "plus",
"unicode": "e61f",
"unicode_decimal": 58911
},
{
"icon_id": "6151285",
"name": "plus-circle",
"font_class": "plus-circle",
"unicode": "e822",
"unicode_decimal": 59426
},
{
"icon_id": "15056491",
"name": "太阳",
"font_class": "taiyang",
"unicode": "e60b",
"unicode_decimal": 58891
},
{
"icon_id": "40094190",
"name": "月亮-copy",
"font_class": "yueliang",
"unicode": "e679",
"unicode_decimal": 59001
},
{
"icon_id": "1727538",
"name": "上一页",
"font_class": "prev-page",
"unicode": "e8ef",
"unicode_decimal": 59631
},
{
"icon_id": "1727540",
"name": "下一页",
"font_class": "next-page",
"unicode": "e8f0",
"unicode_decimal": 59632
},
{
"icon_id": "2488134",
"name": "搜索",
"font_class": "search",
"unicode": "e618",
"unicode_decimal": 58904
},
{
"icon_id": "9845558",
"name": "sub_menu",
"font_class": "sub_menu",
"unicode": "e75e",
"unicode_decimal": 59230
},
{
"icon_id": "11983544",
"name": "google",
"font_class": "google",
"unicode": "ea0c",
"unicode_decimal": 59916
},
{
"icon_id": "15330210",
"name": "创意灵感",

BIN
web/src/assets/iconfont/iconfont.ttf
View File

Binary file not shown.

BIN
web/src/assets/iconfont/iconfont.woff
View File

Binary file not shown.

BIN
web/src/assets/iconfont/iconfont.woff2
View File

Binary file not shown.