better showing of dev builds

This commit is contained in:
sawka 2023-02-01 21:44:23 -08:00
parent 8466dc41ce
commit 590e4d64da
2 changed files with 12 additions and 2 deletions

View File

@ -14,6 +14,8 @@ import localizedFormat from 'dayjs/plugin/localizedFormat';
import {GlobalModel, GlobalCommandRunner, Session, Cmd, Window, Screen, ScreenWindow, riToRPtr, widthToCols, termWidthFromCols, termHeightFromRows, termRowsFromHeight} from "./model"; import {GlobalModel, GlobalCommandRunner, Session, Cmd, Window, Screen, ScreenWindow, riToRPtr, widthToCols, termWidthFromCols, termHeightFromRows, termRowsFromHeight} from "./model";
import {isModKeyPress} from "./util"; import {isModKeyPress} from "./util";
let IS_DEV = __PROMPT_DEV__;
dayjs.extend(localizedFormat) dayjs.extend(localizedFormat)
const RemotePtyRows = 8; const RemotePtyRows = 8;
@ -2531,8 +2533,8 @@ class MainSideBar extends React.Component<{}, {}> {
} }
let isCollapsed = this.collapsed.get(); let isCollapsed = this.collapsed.get();
return ( return (
<div className={cn("main-sidebar", {"collapsed": isCollapsed})}> <div className={cn("main-sidebar", {"collapsed": isCollapsed}, {"is-dev": IS_DEV})}>
<h1 className={cn("title", "prompt-logo-small", {"collapsed": isCollapsed})}> <h1 className={cn("title", "prompt-logo-small", {"collapsed": isCollapsed}, {"is-dev": IS_DEV})}>
{(isCollapsed ? "[p]" : "[prompt]")} {(isCollapsed ? "[p]" : "[prompt]")}
</h1> </h1>
<div className="collapse-container"> <div className="collapse-container">

View File

@ -184,6 +184,10 @@ html, body, #main {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
&.is-dev {
background-color: darken(rgb(177, 0, 10), 30%);
}
&.collapsed { &.collapsed {
padding-left: 1px; padding-left: 1px;
} }
@ -208,6 +212,10 @@ html, body, #main {
background-color: darken(rgb(0, 177, 10), 30%); background-color: darken(rgb(0, 177, 10), 30%);
flex-shrink: 0; flex-shrink: 0;
&.is-dev {
background-color: darken(rgb(177, 0, 10), 30%);
}
.menu { .menu {
padding-top: 10px; padding-top: 10px;
display: flex; display: flex;