mirror of
https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git
synced 2025-10-09 11:36:38 +08:00
56 lines
1.2 KiB
SCSS
56 lines
1.2 KiB
SCSS
.window-header {
|
|
padding: 14px 20px;
|
|
border-bottom: rgba(202, 10, 10, 0.1) 1px solid;
|
|
position: relative;
|
|
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
//background-color:#0bc398;
|
|
//下面新加的
|
|
background-image: var(--accent-gradient);
|
|
//-webkit-background-clip: text;
|
|
//-webkit-text-fill-color: #e50d0d00;
|
|
background-size: 113%;
|
|
background-position: 0%;
|
|
--accent-gradient: var(--theme-purple);
|
|
--accent-gradient: linear-gradient( 45deg, rgba(221, 190, 221,0.8) 15%, rgba(45, 218, 174, 0.8) 30%,rgba(34, 165, 226, 0.8) 60% );
|
|
//border-radius: 10px;
|
|
margin-bottom: 10px;
|
|
box-shadow: var(--card-shadow);
|
|
transition: background-color 0.3s ease;
|
|
//cursor: pointer;
|
|
user-select: none;
|
|
//border: 1px solid transparent;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.window-header-title {
|
|
max-width: calc(100% - 100px);
|
|
overflow: hidden;
|
|
|
|
.window-header-main-title {
|
|
font-size: 20px;
|
|
font-weight: bolder;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: block;
|
|
max-width: 50vw;
|
|
}
|
|
|
|
.window-header-sub-title {
|
|
font-size: 14px;
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
|
|
.window-actions {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.window-action-button {
|
|
margin-left: 10px;
|
|
}
|