CP.AI Dashboard Wide n Tall Boy

[CrazyAsYou]

I like a little more width and height on the CP.AI dashboard mainly so I can see the processing times a little better, a quick minor edit to the html and css makes better use of my screen.

Width
In CSS file C:\Program Files\CodeProject\AI\Server\wwwroot\assets\dashboard.css the top four lines of CSS code are for the main table/div width

default config
.main-panel {
max-width: 800px;
background-color: var(--bs-light);
}

Use 90% of screen width - The below screen shot is 90% width on a 1080p screen.
.main-panel {
max-width: 90%;
background-color: var(--bs-light);
}

Fixed at 1000 wide (200px greater than default)
.main-panel {
max-width: 1000px;
background-color: var(--bs-light);
}


Height
In HTML file C:\Program Files\CodeProject\AI\Server\wwwroot\index.html - line 209 is for the height of the log field

default config - 100px
<div id="logs" class="font-monospace text-break logs log-summary" style="height:100px;overflow-x:hidden !important"></div>

Screen shot below is at 350px
<div id="logs" class="font-monospace text-break logs log-summary" style="height:350px;overflow-x:hidden !important"></div>

 

[CrazyAsYou]

Height is now on line 186 in CP.AI v2.1.10

 

[Crunchtime2k]

Thank you