ChatGPT-Next-Web/app/components/window.scss
2023-04-11 04:51:03 +00:00

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(34, 165, 226, 0.8), rgba(45, 218, 174, 0.8) 30%, rgb(238, 168, 237) 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;
}