diff --git a/src/assets/styles/base/index.scss b/src/assets/styles/base/index.scss new file mode 100644 index 0000000000000000000000000000000000000000..a585ef3cf9e7da52527d11aed34b278a33bf7af9 --- /dev/null +++ b/src/assets/styles/base/index.scss @@ -0,0 +1,25 @@ +/* 滚动条轨道样式 */ +::-webkit-scrollbar-track { + background-image: linear-gradient(180deg, #e7f0fd 1%, #daeafc 40%) !important; + display: none !important; +} + +::-webkit-scrollbar { + width: 4px !important; + height: 4px !important; + color: var(--o-scrollbar-thumb) !important; +} + +/* 滚动条的滑块 */ +::-webkit-scrollbar-thumb { + background-color: var(--o-scrollbar-thumb) !important; + border-radius: 3px !important; +} +::-webkit-scrollbar-corner { + background: transparent !important; +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--o-scrollbar-thumb) !important; + /* 鼠标悬停时的滚动条按钮颜色 */ +} \ No newline at end of file diff --git a/src/assets/styles/codePreview.scss b/src/assets/styles/components/codePreview.scss similarity index 100% rename from src/assets/styles/codePreview.scss rename to src/assets/styles/components/codePreview.scss diff --git a/src/assets/styles/components/index.scss b/src/assets/styles/components/index.scss new file mode 100644 index 0000000000000000000000000000000000000000..7d02eea8110887851c67a9719e40c56e867ad610 --- /dev/null +++ b/src/assets/styles/components/index.scss @@ -0,0 +1 @@ +@import './codePreview.scss'; \ No newline at end of file diff --git a/src/assets/styles/electron/index.scss b/src/assets/styles/electron/index.scss new file mode 100644 index 0000000000000000000000000000000000000000..6aee27e422ad4a37a073a39b2e9f1adf952b6815 --- /dev/null +++ b/src/assets/styles/electron/index.scss @@ -0,0 +1 @@ +@import './linux.scss' \ No newline at end of file diff --git a/src/assets/styles/electron/linux.scss b/src/assets/styles/electron/linux.scss new file mode 100644 index 0000000000000000000000000000000000000000..9b234c8b06f789a97dab4315f234a047d648557f --- /dev/null +++ b/src/assets/styles/electron/linux.scss @@ -0,0 +1,64 @@ +// Linux平台窗口圆角和阴影样式 +html.platform-linux { + width: 100vw; + height: 100vh; + padding: 16px; + // 添加过渡动画 + transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1); + + body { + width: calc(100vw - 32px) !important; + height: calc(100vh - 32px) !important; + background: transparent; + border-radius: 12px; + overflow: hidden; + // 添加16px的窗口阴影,向外扩展 + box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); + // 添加过渡动画 + transition: + border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1); + } + + #app { + border-radius: 12px; + overflow: hidden; + // 添加过渡动画 + transition: border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1); + } + + .el-overlay { + height: calc(100% - 32px) !important; + width: calc(100% - 32px) !important; + top: 16px !important; + left: 16px !important; + border-radius: 12px; + } + + // 窗口最大化状态下取消圆角和阴影 + &.window-maximized { + padding: 0 !important; + // 保持过渡动画一致性 + transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1); + body, + #app { + width: 100vw !important; + height: 100vh !important; + border-radius: 0 !important; + // 最大化时移除阴影 + box-shadow: none !important; + // 保持过渡动画一致性 + transition: + border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1); + } + + .el-overlay { + height: 100% !important; + width: 100% !important; + top: 0 !important; + left: 0 !important; + border-radius: 0 !important; + } + } +} \ No newline at end of file diff --git a/src/assets/styles/element/index.scss b/src/assets/styles/element/index.scss index 8bfb60f6d4bb32faf420ef25cac6447a777524ed..11cb916ab11045d4de5b0788fd8c9023a6cc5ebc 100644 --- a/src/assets/styles/element/index.scss +++ b/src/assets/styles/element/index.scss @@ -16,8 +16,8 @@ background-color: #6395fd !important; border-color: #6395fd !important; &:hover { - background-color: #7AA5FF !important; - border-color: #7AA5FF !important; + background-color: #7aa5ff !important; + border-color: #7aa5ff !important; } &:active { background-color: #6395fd !important; @@ -28,14 +28,52 @@ background-color: #6395fd !important; border-color: #6395fd !important; &:hover { - background-color: #7AA5FF !important; - border-color: #7AA5FF !important; + background-color: #7aa5ff !important; + border-color: #7aa5ff !important; } &:active { background-color: #6395fd !important; border-color: #6395fd !important; } } + .el-message { + width: 30%; + border-radius: 5px; + } + + .el-message--success { + background-color: #c2e7c7; + color: #000; + border-color: #24ab36; + border-radius: 10px; + .el-message__content { + color: #000; + font-size: 12px; + } + } + + .el-message--warning { + background-color: #f9ecb8; + border-color: #ebaf00; + img { + width: 16px; + height: 16px; + } + .el-message__content { + color: #000; + font-size: 12px; + } + } + + .el-message--error { + background-color: #f7c1c1; + color: #000; + border-color: #e42121; + .el-message__content { + color: #000; + font-size: 12px; + } + } } .euler-copilot-message-box { @@ -129,3 +167,42 @@ top: unset !important; } } + +.el-checkbox.el-checkbox--large { + height: auto !important; +} +.el-dialog { + border-radius: 8px !important; +} +.el-dialog__header { + margin-right: 0px !important; + border-radius: 8px 8px 0 0 !important; + padding: 16px 24px 16px 24px !important; + .el-dialog__title { + font-size: 16px !important; + line-height: 24px !important; + font-weight: 700 !important; + } +} +.el-dialog__body { + padding: 16px 24px 16px 24px !important; + margin: 0 !important; +} +.el-drawer { + top: 48px !important; + height: calc(100vh - 48px) !important; + .el-drawer__header { + color: var(--o-text-color-primary) !important; + font-weight: 700 !important; + padding: 24px 24px 8px 24px !important; + margin: 0 !important; + } + .el-drawer__body { + padding: 0px 24px 16px !important; + } + .el-drawer__footer { + padding: 0; + padding: 8px 24px; + box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.1); + } +} diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss index 796c1bb0c0aee036ec17aa318933d8ce5b939f18..e908d890c3f3a769a2bd68c58df17da77af3b1f1 100644 --- a/src/assets/styles/main.scss +++ b/src/assets/styles/main.scss @@ -1,96 +1,6 @@ -@import './codePreview.scss'; -@import './message.scss'; -@import './theme.scss'; - -// Linux平台窗口圆角和阴影样式 -html.platform-linux { - width: 100vw; - height: 100vh; - padding: 16px; - // 添加过渡动画 - transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1); - - body { - width: calc(100vw - 32px) !important; - height: calc(100vh - 32px) !important; - background: transparent; - border-radius: 12px; - overflow: hidden; - // 添加16px的窗口阴影,向外扩展 - box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); - // 添加过渡动画 - transition: - border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1), - box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1); - } - - #app { - border-radius: 12px; - overflow: hidden; - // 添加过渡动画 - transition: border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1); - } - - .el-overlay { - height: calc(100% - 32px) !important; - width: calc(100% - 32px) !important; - top: 16px !important; - left: 16px !important; - border-radius: 12px; - } - - // 窗口最大化状态下取消圆角和阴影 - &.window-maximized { - padding: 0 !important; - // 保持过渡动画一致性 - transition: padding 0.25s cubic-bezier(0.4, 0, 0.2, 1); - body, - #app { - width: 100vw !important; - height: 100vh !important; - border-radius: 0 !important; - // 最大化时移除阴影 - box-shadow: none !important; - // 保持过渡动画一致性 - transition: - border-radius 0.25s cubic-bezier(0.4, 0, 0.2, 1), - box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1); - } - - .el-overlay { - height: 100% !important; - width: 100% !important; - top: 0 !important; - left: 0 !important; - border-radius: 0 !important; - } - } -} -/* 滚动条轨道样式 */ -::-webkit-scrollbar-track { - background-image: linear-gradient(180deg, #e7f0fd 1%, #daeafc 40%) !important; - display: none !important; -} - -::-webkit-scrollbar { - width: 4px !important; - height: 4px !important; - color: var(--o-scrollbar-thumb) !important; -} - -/* 滚动条的滑块 */ -::-webkit-scrollbar-thumb { - background-color: var(--o-scrollbar-thumb) !important; - border-radius: 3px !important; -} -::-webkit-scrollbar-corner { - background: transparent !important; -} - -::-webkit-scrollbar-thumb:hover { - background-color: var(--o-scrollbar-thumb) !important; - /* 鼠标悬停时的滚动条按钮颜色 */ -} -:deep(.el-checkbox.el-checkbox--large){ - height: auto !important; -} +@import './base/index.scss'; +@import './components/index.scss'; +@import './variables/index.scss'; +@import './electron/index.scss'; +@import './element/index.scss'; +@import './normalize.css' \ No newline at end of file diff --git a/src/assets/styles/message.scss b/src/assets/styles/message.scss deleted file mode 100644 index 54a8670e99400e86d3ceeee0e5caac147347b21b..0000000000000000000000000000000000000000 --- a/src/assets/styles/message.scss +++ /dev/null @@ -1,38 +0,0 @@ -.el-message { - width: 30%; - border-radius: 5px; -} - -.el-message--success { - background-color: #c2e7c7; - color: #000; - border-color: #24ab36; - border-radius: 10px; - .el-message__content { - color: #000; - font-size: 12px; - } -} - -.el-message--warning { - background-color: #f9ecb8; - border-color: #ebaf00; - img { - width: 16px; - height: 16px; - } - .el-message__content { - color: #000; - font-size: 12px; - } -} - -.el-message--error { - background-color: #f7c1c1; - color: #000; - border-color: #e42121; - .el-message__content { - color: #000; - font-size: 12px; - } -} diff --git a/src/assets/styles/normalize.css b/src/assets/styles/normalize.css new file mode 100644 index 0000000000000000000000000000000000000000..192eb9ce43389039996bc2e9344c5bb14b730d72 --- /dev/null +++ b/src/assets/styles/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/src/assets/styles/variables/index.scss b/src/assets/styles/variables/index.scss new file mode 100644 index 0000000000000000000000000000000000000000..5ad07fa9bf4410696cc55a4afba9b6f5277c8464 --- /dev/null +++ b/src/assets/styles/variables/index.scss @@ -0,0 +1 @@ +@import './theme.scss'; diff --git a/src/assets/styles/theme.scss b/src/assets/styles/variables/theme.scss similarity index 100% rename from src/assets/styles/theme.scss rename to src/assets/styles/variables/theme.scss diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue index fd643290d78b9f6ef2a6b74278ea2becf884b03b..924aa229b046449e14ae8f726cbd79bb9c8ab303 100644 --- a/src/components/Upload/index.vue +++ b/src/components/Upload/index.vue @@ -380,7 +380,7 @@ onMounted(() => { .el-collapse-item__title { display: block; position: relative; - left: -4px; + left: 4px; } .code-container { height: calc(100% - 48px); diff --git a/src/components/commonFooter/CommonFooter.vue b/src/components/commonFooter/CommonFooter.vue index b077064c58431156780f9631a629bc76c224b41f..313d55929b9d385886f01b3722b47d0a71321750 100644 --- a/src/components/commonFooter/CommonFooter.vue +++ b/src/components/commonFooter/CommonFooter.vue @@ -121,24 +121,7 @@ const readPolicy = async () => { font-weight: 700 !important; } } -:deep(.dialog .el-dialog__header) { - margin-right: 0px; - border-radius: 4px 4px 0 0; - padding: 15px 20px 15px 20px; - border-bottom: 1px solid transparent; - .el-dialog__title { - font-size: 16px; - line-height: 25px; - font-weight: 1000; - } - .el-dialog__headerbtn { - top: 0px; - } -} -:deep(.dialog .el-dialog__body) { - padding: 24px 24px 32px 24px; -} :deep(.el-dialog__body) { overflow: hidden; } diff --git a/src/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue index b07fefa57f7d062d9a93d804d15d285ffefa7397..eeb5b151fa3ff1c5cfc65269a3543faadb346c7a 100644 --- a/src/components/sessionCard/SessionCard.vue +++ b/src/components/sessionCard/SessionCard.vue @@ -389,39 +389,6 @@ const deleteOne = (name: string, list: string[]) => { color: var(--o-color-primary-secondary); } } -//dialog 顶部样式强制修改 -// :deep(.el-dialog) { -// width: 432px !important; -// height: 184px !important; -// } -:deep(.dialog .el-dialog__header) { - margin-right: 0px; - border-radius: 4px 4px 0 0; - padding: 15px 20px 15px 20px; - border-bottom: 1px solid var(--o-border-color-light) !important; - - .el-dialog__title { - font-size: 16px; - line-height: 25px; - font-weight: 1000; - } - - .el-dialog__headerbtn { - top: 0px; - } -} - -:deep(.dialog .el-dialog__body) { - padding: 24px 24px 32px 24px; -} - -:deep(.dialog .el-dialog__footer) { - padding: 0px 24px 24px 24px; -} - -:deep(.dialog .el-dialog__header .el-dialog__headerbtn) { - top: 18px !important; -} .dialog-delete-one { font-size: 12px; diff --git a/src/views/api/components/McpDrawer.vue b/src/views/api/components/McpDrawer.vue index 7cb2bfd8031e1b73fd355dc8fb03929c2dacc6df..ea55682df4d0da2ac479d3c11762f8d7744c144d 100644 --- a/src/views/api/components/McpDrawer.vue +++ b/src/views/api/components/McpDrawer.vue @@ -290,7 +290,6 @@ watch( diff --git a/src/views/api/index.vue b/src/views/api/index.vue index b46983b1f037f584a775d47704594d08b1d7b662..c09efc5123fc7515a43c40ed9e3af75c2c75204c 100644 --- a/src/views/api/index.vue +++ b/src/views/api/index.vue @@ -236,7 +236,7 @@ v-if="actions === 'upload'" type="upload" @closeDrawer="handleClose" - :serviceId="selectedServiceId" + serviceId="" /> { overflow-y: auto; height: calc(100% - 32px); } -:deep(.el-drawer) { - margin-top: 48px; - height: calc(100% - 48px); -} -.el-drawer { - margin-top: 48px !important; - padding: 0px; - &::v-deep(.el-drawer__header) { - margin-bottom: 0px !important; - color: var(--o-text-color-primary) !important; - margin: 24px !important; - padding: 24px !important; - } -} .apiCenterCardSingle { position: relative; .unPublishSymbol { @@ -713,9 +699,6 @@ img { max-width: 430px; } :deep(.el-drawer__header) { - padding: 24px 24px 8px !important; - font-weight: 700; - margin-bottom: 0px; .drawerHeader { width: 100%; height: 24px; @@ -730,7 +713,6 @@ img { } } :deep(.el-drawer__body) { - padding: 0px 24px 16px; .drawerBody { height: 100%; textarea { diff --git a/src/views/app/components/SelectAppTypeDialog.vue b/src/views/app/components/SelectAppTypeDialog.vue index 9ef66130ae22798f891b6c2c5c6ae150c5a16401..ab2e00ddf3eefdf63ba2aee14de7d10fea00e2f8 100644 --- a/src/views/app/components/SelectAppTypeDialog.vue +++ b/src/views/app/components/SelectAppTypeDialog.vue @@ -72,12 +72,6 @@ const selectedType = ref('agent'); .select-app { :deep(.el-dialog) { --o-dialog-width: 544px; - border-radius: 12px; - - .el-dialog__body { - padding: 16px 24px; - margin: 0; - } } .dialog-body { diff --git a/src/views/createapp/components/AssetLibraryDrawer.vue b/src/views/createapp/components/AssetLibraryDrawer.vue index 73498da63f62caa2756fe763e44cb17a56cb0a8a..6bd54d033bfeb868d4dda6e0a174832e26a03f3a 100644 --- a/src/views/createapp/components/AssetLibraryDrawer.vue +++ b/src/views/createapp/components/AssetLibraryDrawer.vue @@ -122,24 +122,24 @@ onMounted(() => {