Skip to content

Commit

Permalink
Refine advanced settings styling in sidebar.css
Browse files Browse the repository at this point in the history
- Adjusted margin and padding for advanced settings section
- Enhanced advanced settings header with hover and background effects
- Updated dark theme border color to transparent
- Added smooth background color transition for better user interaction
  • Loading branch information
yym68686 committed Jan 25, 2025
1 parent 4ef8bb5 commit 56dc586
Showing 1 changed file with 10 additions and 7 deletions.
17 changes: 10 additions & 7 deletions sidebar.css
Original file line number Diff line number Diff line change
Expand Up @@ -1352,22 +1352,25 @@ input:checked + .slider:before {

/* 高级设置区域样式 */
.advanced-settings {
margin-top: 12px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 12px;
margin-top: 0;
padding-top: 4px;
}

.advanced-settings-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 8px 0;
padding: 8px 12px;
user-select: none;
background: var(--cerebr-message-ai-bg);
border-radius: 6px;
transition: background-color 0.2s ease;
}

.advanced-settings-header:hover {
opacity: 0.8;
opacity: 1;
background: var(--cerebr-message-user-bg);
}

.toggle-icon {
Expand Down Expand Up @@ -1419,7 +1422,7 @@ input:checked + .slider:before {

/* 深色主题适配 */
:root.dark-theme .advanced-settings {
border-top-color: rgba(255, 255, 255, 0.1);
border-top-color: transparent;
}

:root.dark-theme .system-prompt {
Expand All @@ -1434,7 +1437,7 @@ input:checked + .slider:before {
/* 系统深色模式适配 */
@media (prefers-color-scheme: dark) {
:root:not(.light-theme) .advanced-settings {
border-top-color: rgba(255, 255, 255, 0.1);
border-top-color: transparent;
}

:root:not(.light-theme) .system-prompt {
Expand Down

0 comments on commit 56dc586

Please sign in to comment.