waveterm/backup
0
0
Fork 0
mirror of https://github.com/wavetermdev/backup.git synced 2026-08-05 13:57:07 -07:00
Code Issues Packages Projects Releases Wiki Activity

center the logo

Browse Source
This commit is contained in:
sawka
2023-03-20 00:28:49 -07:00
parent 874632939d
commit e8ffd4b4b1
2 changed files with 38 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main.tsx
+5 -3
View File
@@ -2500,9 +2500,11 @@ class MainSideBar extends React.Component<{}, {}> {
let activePlaybookId : string = null;
return (
<div className={cn("main-sidebar", {"collapsed": isCollapsed}, {"is-dev": GlobalModel.isDev})}>
<h1 className={cn("title", "prompt-logo-small", {"collapsed": isCollapsed}, {"is-dev": GlobalModel.isDev})}>
{(isCollapsed ? "[p]" : "[prompt]")}
</h1>
<div className="logo-header">
<h1 className={cn("title", "prompt-logo-small", {"collapsed": isCollapsed}, {"is-dev": GlobalModel.isDev})}>
{(isCollapsed ? "[p]" : "[prompt]")}
</h1>
</div>
<div className="collapse-container">
<div className="arrow-container" onClick={this.toggleCollapsed}>
<If condition={!isCollapsed}><i className="fa-sharp fa-solid fa-arrow-left"/></If>
src/sh2.less
+33 -25
View File
@@ -885,33 +885,41 @@ body::-webkit-scrollbar {
}
}
.title.prompt-logo-small {
padding-left: 5px;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 0;
.mono-font(1.5rem);
background-color: darken(rgb(0, 177, 10), 30%);
color: rgb(0, 177, 10);
position: relative;
.main-sidebar .logo-header {
display: flex;
flex-direction: row;
justify-content: center;
border-bottom: 2px solid #ddd;
white-space: nowrap;
overflow: hidden;
flex-shrink: 0;
&.is-dev {
background-color: darken(rgb(177, 0, 10), 30%);
}
&.collapsed {
padding-left: 1px;
}
.title-cursor {
margin-left: -4px;
margin-right: -5px;
.title.prompt-logo-small {
padding-left: 5px;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 0;
.mono-font(1.5rem);
background-color: darken(rgb(0, 177, 10), 30%);
color: rgb(0, 177, 10);
position: relative;
bottom: 3px;
left: 3px;
.mono-font(1.2rem);
white-space: nowrap;
overflow: hidden;
flex-shrink: 0;
&.is-dev {
background-color: darken(rgb(177, 0, 10), 30%);
}
&.collapsed {
padding-left: 1px;
}
.title-cursor {
position: relative;
bottom: 3px;
left: 3px;
.mono-font(1.2rem);
}
}
}