GeneralBots/botui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: remove background grid pattern and ensure absolute full screen desktop

Browse source
This commit is contained in:
Rodrigo Rodriguez (Pragmatismo) 2026-02-28 11:25:16 -03:00
parent 7a06f954fb
commit aef91abc1c
2 changed files with 22 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
ui/suite/desktop.html
View file

@ -31,14 +31,20 @@
overflow: hidden;
height: 100vh;
width: 100vw;
margin: 0;
padding: 0;
display: flex;
}
/* Core Layout replicating BUILD V3 screenshot styling */
.build-container {
width: 100%;
height: 100vh;
height: 100%;
display: flex;
position: absolute;
inset: 0;
z-index: 1000;
background: var(--bg, #ffffff);
}
/* Left Sidebar */
@ -225,39 +231,13 @@
text-align: center;
}
/* The background abstract pattern from BUILD V3 */
.bg-grid {
position: absolute;
inset: 0;
background-image: linear-gradient(to right, var(--bg-grid, #f0fdf4) 1px, transparent 1px), linear-gradient(to bottom, var(--bg-grid, #f0fdf4) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
pointer-events: none;
}
.bg-grid { display: none; }
.bg-svg {
position: absolute;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
z-index: 0;
opacity: 0.6;
pointer-events: none;
}
.bg-svg { display: none !important; }
.bg-svg path {
fill: none;
stroke: var(--bg-grid-stroke, #e6f2eb);
stroke-width: 45;
stroke-linecap: round;
stroke-linejoin: round;
}
.bg-svg path.inner {
stroke: var(--bg-grid-stroke-inner, #f7faf9);
stroke-width: 41;
}
/* Bottom Taskbar */
.toolbar {
@ -394,15 +374,8 @@
<div class="workspace" id="desktop-content">
<!-- Background Pattern -->
<div class="bg-grid"></div>
<svg class="bg-svg" preserveAspectRatio="xMidYMid slice" viewBox="0 0 1000 600">
<path d="M-50,200 Q200,100 400,250 T800,50 T1100,250" />
<path d="M100,-50 Q250,200 150,450 T400,650" />
<path d="M500,-50 Q450,250 800,350 T750,700" />
<path class="inner" d="M-50,200 Q200,100 400,250 T800,50 T1100,250" />
<path class="inner" d="M100,-50 Q250,200 150,450 T400,650" />
<path class="inner" d="M500,-50 Q450,250 800,350 T750,700" />
</svg>
<div class="panel-section">
<div class="desktop-icons-container">

52
ui/suite/partials/desktop-inner.html
View file

@ -12,8 +12,8 @@
font-family: 'Fira Code', 'Fira Sans', Arial, sans-serif !important;
background: var(--bg) !important;
overflow: hidden !important;
height: 100% !important;
width: 100% !important;
height: 100vh !important;
width: 100vw !important;
display: flex !important;
}
@ -31,7 +31,7 @@
/* Left Sidebar */
.sidebar {
width: 51px;
height: 100%;
height: 100vh;
background: var(--surface);
border-right: 1px solid var(--border);
display: flex;
@ -197,40 +197,13 @@
margin-top: auto;
}
/* The background abstract pattern from BUILD V3 */
.bg-grid {
position: absolute;
inset: 0;
background-image: linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);
background-size: 40px 40px;
z-index: 0;
pointer-events: none;
}
.bg-grid { display: none; }
.bg-svg {
position: absolute;
top: -10%;
left: -10%;
width: 120%;
height: 120%;
z-index: 0;
opacity: 0.6;
pointer-events: none;
display: block !important;
}
.bg-svg { display: none !important; }
.bg-svg path {
fill: none;
stroke: var(--surface-hover, #e6f2eb);
stroke-width: 45;
stroke-linecap: round;
stroke-linejoin: round;
}
.bg-svg path.inner {
stroke: var(--surface, #f7faf9);
stroke-width: 41;
}
/* Bottom Taskbar */
.toolbar {
@ -330,15 +303,8 @@
<div class="workspace" id="desktop-content-inner">
<!-- Background Pattern -->
<div class="bg-grid"></div>
<svg class="bg-svg" preserveAspectRatio="xMidYMid slice" viewBox="0 0 1000 600">
<path d="M-50,200 Q200,100 400,250 T800,50 T1100,250" />
<path d="M100,-50 Q250,200 150,450 T400,650" />
<path d="M500,-50 Q450,250 800,350 T750,700" />
<path class="inner" d="M-50,200 Q200,100 400,250 T800,50 T1100,250" />
<path class="inner" d="M100,-50 Q250,200 150,450 T400,650" />
<path class="inner" d="M500,-50 Q450,250 800,350 T750,700" />
</svg>
<div class="panel-section">
<div class="panel-grid">