样式(styles.css): 调整body和.card-header的背景渐变,并移除.chat-message的悬浮效果
This commit is contained in:
13
styles.css
13
styles.css
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
background: linear-gradient(135deg, var(--dark-color) 0%, var(--secondary-color) 100%);
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
color: var(--dark-color);
|
color: var(--dark-color);
|
||||||
@@ -53,7 +53,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.card-header {
|
.card-header {
|
||||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
|
background: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-color) 100%);
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
|
border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@@ -89,11 +89,13 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary:hover {
|
.btn-primary:hover {
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
|
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
|
||||||
background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
|
background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-success:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
.btn-outline-primary {
|
.btn-outline-primary {
|
||||||
border: 2px solid var(--primary-color);
|
border: 2px solid var(--primary-color);
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
@@ -159,9 +161,6 @@ body {
|
|||||||
transition: var(--transition);
|
transition: var(--transition);
|
||||||
}
|
}
|
||||||
|
|
||||||
.chat-message:hover {
|
|
||||||
transform: translateX(5px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-message.user {
|
.chat-message.user {
|
||||||
background: #e3f2fd;
|
background: #e3f2fd;
|
||||||
@@ -683,7 +682,7 @@ body {
|
|||||||
|
|
||||||
.accordion-body {
|
.accordion-body {
|
||||||
background: rgba(255, 255, 255, 0.95);
|
background: rgba(255, 255, 255, 0.95);
|
||||||
padding: 20px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion-item:first-of-type .accordion-button {
|
.accordion-item:first-of-type .accordion-button {
|
||||||
|
|||||||
Reference in New Issue
Block a user