7x31/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/Yidadaa/ChatGPT-Next-Web.git synced 2025-10-23 00:19:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: ui optiminize

Browse Source
This commit is contained in:
butterfly
2024-04-28 19:58:59 +08:00
parent 9f4813326c
commit c34b8ab919
20 changed files with 381 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
tailwind.config.js
View File

@@ -85,55 +85,56 @@ module.exports = {
},
backgroundColor: {
'global': 'var(--global-bg)',
'actions-bar-btn-default': 'var(--actived-widget-bg)',
'primary-btn': 'var(--actived-widget-bg)',
'actions-bar-btn-default': 'var(--actions-bar-btn-default-bg)',
'primary-btn': 'var(--primary-btn-bg)',
'primary-btn-disabled': 'var(--primary-btn-disabled-bg)',
'danger-btn': 'var(--danger-btn-bg)',
'default-btn': 'var(--default-widget-bg)',
'default-btn': 'var(--default-btn-bg)',
'hovered-btn': 'var(--hovered-btn-bg)',
'card': 'var(--similar-panel-bg)',
'input': 'var(--default-widget-bg)',
'list-item-divider': 'var(--similar-line-bg)',
'menu': 'var(--default-container-bg)',
'select-option-hovered': 'var(--similar-btn-hovered-bg)',
'select-popover-panel': 'var(--similar-panel-bg)',
'select-popover-panel-dark': 'var(--select-popover-panel-bg)',
'select': 'var(--default-widget-bg)',
'slider': 'var(--similar-line-bg)',
'card': 'var(--card-bg)',
'input': 'var(--input-bg)',
'list-item-divider': 'var(--list-item-divider-bg)',
'menu': 'var(--menu-bg)',
'select-option-hovered': 'var(--select-option-hovered-bg)',
'select-popover-panel': 'var(--select-popover-panel-bg)',
'select': 'var(--select-bg)',
'slider': 'var(--slider-bg)',
'slider-slided-travel': 'var(--slider-slided-travel-bg)',
'slider-block': 'var(--similar-widget-btn-bg)',
'slider-block': 'var(--slider-block-bg)',
'switch-unchecked': 'var(--switch-unchecked-bg)',
'switch-checked': 'var(--actived-widget-bg)',
'switch-btn': 'var(--similar-widget-btn-bg)',
'chat-actions-popover-panel-mobile': 'var(--similar-panel-bg)',
'switch-checked': 'var(--switch-checked-bg)',
'switch-btn': 'var(--switch-btn-bg)',
'chat-actions-popover-panel-mobile': 'var(--chat-actions-popover-panel-mobile-bg)',
'chat-actions-btn-popover': 'var(--chat-actions-btn-popover-bg)',
'chat-actions-btn-hovered': 'var(--similar-btn-hovered-bg)',
'chat-panel-header-mask': 'var(--default-container-bg)',
'chat-panel-header-mobile': 'var(--similar-highlight-hood-bg)',
'chat-panel-input-hood': 'var(--similar-highlight-hood-bg)',
'chat-actions-btn-hovered': 'var(--chat-actions-btn-hovered-bg)',
'chat-panel-header-mask': 'var(--chat-panel-header-mask-bg)',
'chat-panel-header-mobile': 'var(--chat-panel-header-mobile-bg)',
'chat-panel-input-hood': 'var(--chat-panel-input-hood-bg)',
'chat-panel-message-user': 'var(--chat-panel-message-user-bg)',
'chat-panel-message-bot': 'var(--chat-panel-message-bot-bg)',
'chat-panel-message': 'var(--default-container-bg)',
'chat-panel-message': 'var(--chat-panel-message-bg)',
'chat-panel-message-mobile': 'var(--chat-panel-message-mobile-bg)',
'chat-message-actions': 'var(--similar-panel-bg)',
'chat-message-actions-btn-hovered': 'var(--similar-btn-hovered-bg)',
'chat-panel': 'var(--default-container-bg)',
'chat-message-actions': 'var(--chat-message-actions-bg)',
'chat-message-actions-btn-hovered': 'var(--chat-message-actions-btn-hovered-bg)',
'chat-panel': 'var(--chat-panel-bg)',
'chat-panel-message-clear-divider': 'var(--chat-panel-message-clear-divider-bg)',
'chat-menu-session-selected': 'var(--menu-item-selected-bg)',
'chat-menu-session-selected': 'var(--chat-menu-session-selected-bg)',
'chat-menu-session-unselected': 'var(--chat-menu-session-unselected-bg)',
'chat-menu-session-hovered': 'var(--chat-menu-session-hovered-bg)',
'settings-menu-mobile': 'var(--default-container-bg)',
'settings-menu-item-mobile': 'var(--similar-highlight-hood-bg)',
'settings-menu-item-selected': 'var(--menu-item-selected-bg)',
'settings-header-mobile': 'var(--similar-highlight-hood-bg)',
'settings-panel': 'var(--default-container-bg)',
'sidebar-mobile': 'var(--similar-highlight-hood-bg)',
'settings-menu-mobile': 'var(--settings-menu-mobile-bg)',
'settings-menu-item-mobile': 'var(--settings-menu-item-mobile-bg)',
'settings-menu-item-selected': 'var(--settings-menu-item-selected-bg)',
'settings-header-mobile': 'var(--settings-header-mobile-bg)',
'settings-panel': 'var(--settings-panel-bg)',
'sidebar-mobile': 'var(--sidebar-mobile-bg)',
'sidebar-btn-hovered': 'var(--sidebar-btn-hovered-bg)',
'delete-chat-popover-panel': 'var(--similar-panel-bg)',
'delete-chat-popover-panel': 'var(--delete-chat-popover-panel-bg)',
'confirm-mask': 'var(--confirm-mask-bg)',
'confirm-panel': 'var(--similar-panel-bg)',
'confirm-panel': 'var(--confirm-panel-bg)',
'delete-chat-ok-btn': 'var(--delete-chat-ok-btn-bg)',
'delete-chat-cancel-btn': 'var(--delete-chat-cancel-btn-bg)',
'menu-dragger': 'var(--menu-dragger-bg)',
'chat-actions-select-model': 'var(--chat-actions-select-model-bg)',
},
backgroundImage: {
// 'chat-panel-message-user': 'linear-gradient(259deg, #9786FF 8.42%, #4A5CFF 90.13%)',
@@ -149,57 +150,59 @@ module.exports = {
'setting-list': '710px',
},
boxShadow: {
'btn': '0px 4px 10px 0px rgba(60, 68, 255, 0.14)',
'chat-actions-popover-mobile': '0px 14px 40px 0px rgba(0, 0, 0, 0.12)',
'chat-input-hood-focus-shadow': '0px 4px 20px 0px rgba(60, 68, 255, 0.13)',
'select-popover-shadow': '0px 14px 40px 0px rgba(0, 0, 0, 0.12)',
'message-actions-bar': '0px 4px 30px 0px var(--small-widget-border)',
'prompt-hint-container': 'inset 0 4px 8px 0 rgba(0, 0, 0, 0.1)',
'delete-chat-popover-shadow': '0px 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 8px 20px 0px rgba(0, 0, 0, 0.08)',
'sidebar-btn-shadow': '4px 8px 16px 0px rgba(60, 68, 255, 0.20);',
'btn': 'var(--btn-shadow)',
'chat-actions-popover-mobile': 'var(--chat-actions-popover-mobile-shadow)',
'chat-input-hood-focus-shadow': 'var(--chat-input-hood-focus-shadow)',
'select-popover-shadow': 'var(--select-popover-shadow)',
'message-actions-bar': 'var(--message-actions-bar-shadow)',
'prompt-hint-container': 'var(--prompt-hint-container-shadow)',
'delete-chat-popover-shadow': 'var(--delete-chat-popover-shadow)',
'sidebar-btn-shadow': 'var(--sidebar-btn-shadow)',
},
colors: {
'select-popover': 'var(--small-widget-border)',
'select-popover': 'var(--select-popover-border)',
'slider-block': 'var(--slider-block-border)',
'thumbnail': 'var(--small-widget-border)',
'thumbnail': 'var(--thumbnail-border)',
'chat-actions-popover-mobile': 'var(--chat-actions-popover-mobile-border)',
'chat-header-bottom': 'var(--panel-header-border)',
'chat-input-top': 'var(--panel-header-border)',
'chat-header-bottom': 'var(--chat-header-bottom-border)',
'chat-input-top': 'var(--chat-input-top-border)',
'chat-input-hood': 'var(--chat-input-hood-border)',
'chat-input-hood-focus': 'var(--chat-input-hood-focus-border)',
'chat-menu-session-selected': 'var(--menu-item-selected-border)',
'settings-menu-item-selected': 'var(--menu-item-selected-border)',
'settings-header': 'var(--panel-header-border)',
'delete-chat-popover': 'var(--small-widget-border)',
'chat-menu-session-selected': 'var(--chat-menu-session-selected-border)',
'settings-menu-item-selected': 'var(--settings-menu-item-selected-border)',
'settings-header': 'var(--settings-header-border)',
'delete-chat-popover': 'var(--delete-chat-popover-border)',
'delete-chat-cancel-btn': 'var(--delete-chat-cancel-btn-border)',
'chat-menu-session-unselected': 'var(--chat-menu-session-unselected-border)',
'chat-menu-session-hovered': 'var(--chat-menu-session-hovered-border)',
'text-sidebar-tab-mobile-active': 'var(--sidebar-tab-mobile-active-text)',
'text-sidebar-tab-mobile-inactive': 'var(--weakness-text)',
'text-btn-primary': 'var(--bg-contract-text)',
'text-btn-danger': 'var(--danger-btn-text)',
'text-sidebar-tab-mobile-inactive': 'var(--sidebar-tab-mobile-inactive-text)',
'text-btn-primary': 'var(--btn-primary-text)',
'text-btn-danger': 'var(--btn-danger-text)',
'text-btn-default': 'var(--btn-default-text)',
'text-input': 'var(--key-text)',
'text-list-subtitle': 'var(--weakness-text)',
'text-slider-block': 'var(--btn-default-text)',
'text-chat-actions-btn-popover': 'var(--bg-contract-text)',
'text-chat-header-title': 'var(--key-text)',
'text-chat-header-subtitle': 'var(--description-text)',
'text-chat-input-placeholder': 'var(--description-text)',
'text-chat-message-date': 'var(--description-text)',
'text-chat-message-markdown-user': 'var(--bg-contract-text)',
'text-chat-message-markdown-bot': 'var(--key-text)',
'text-chat-panel-message-clear': 'var(--weakness-text)',
'text-chat-panel-message-clear-revert': 'var(--message-clear-revert-text)',
'text-chat-menu-item-title': 'var(--key-text)',
'text-chat-menu-item-time': 'var(--menu-item-time)',
'text-chat-menu-item-description': 'var(--description-text)',
'text-settings-menu-title': 'var(--key-text)',
'text-settings-menu-item-title': 'var(--key-text)',
'text-settings-panel-header-title': 'var(--key-text)',
'text-input': 'var(--input-text)',
'text-list-subtitle': 'var(--list-subtitle-text)',
'text-slider-block': 'var(--slider-block-text)',
'text-chat-actions-btn-popover': 'var(--chat-actions-btn-popover-text)',
'text-chat-header-title': 'var(--chat-header-title-text)',
'text-chat-header-subtitle': 'var(--chat-header-subtitle-text)',
'text-chat-input-placeholder': 'var(--chat-input-placeholder-text)',
'text-chat-message-date': 'var(--chat-message-date-text)',
'text-chat-message-markdown-user': 'var(--chat-message-markdown-user-text)',
'text-chat-message-markdown-bot': 'var(--chat-message-markdown-bot-text)',
'text-chat-panel-message-clear': 'var(--chat-panel-message-clear-text)',
'text-chat-panel-message-clear-revert': 'var(--chat-panel-message-clear-revert-text)',
'text-chat-menu-item-title': 'var(--chat-menu-item-title-text)',
'text-chat-menu-item-time': 'var(--chat-menu-item-time-text)',
'text-chat-menu-item-description': 'var(--chat-menu-item-description-text)',
'text-settings-menu-title': 'var(--settings-menu-title-text)',
'text-settings-menu-item-title': 'var(--settings-menu-item-title-text)',
'text-settings-panel-header-title': 'var(--settings-panel-header-title-text)',
'text-confirm-mask': 'var(--confirm-mask-text)',
'text-delete-chat-ok-btn': 'var(--delete-chat-ok-btn-text)',
'text-delete-chat-cancel-btn': 'var(--delete-chat-cancel-btn-text)',
'text-primary-btn-disabled-dark': 'var(--primary-btn-disabled-dark-text)',
},
keyframes: {
mask: {
@@ -224,6 +227,7 @@ module.exports = {
'chat-input': '0.5rem',
'chat-img': '0.5rem',
'slide': '0.625rem',
'chat-model-select': '1.25rem',
},
borderWidth: {
DEFAULT: '1px',