bunny-lab/Borealis-Github-Replica
1
0
Fork 0
mirror of https://github.com/bunny-lab-io/Borealis.git synced 2025-07-27 05:08:29 -06:00
Code Issues Packages Projects Releases Wiki Activity

Added Tab-Based Workflow Management

Browse Source
This commit is contained in:
Nicole Rappe
2025-04-13 06:41:10 -06:00
parent eab9d70ec7
commit 2503848985
2 changed files with 828 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1004
Data/WebUI/src/App.jsx
View File

File diff suppressed because it is too large Load Diff

38
Data/WebUI/src/Borealis.css
View File

@ -5,7 +5,6 @@
height: 100vh; height: 100vh;
} }
/* Blue Gradient Overlay */ /* Blue Gradient Overlay */
.flow-editor-container::before { .flow-editor-container::before {
content: ""; content: "";
@ -14,16 +13,17 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
pointer-events: none; /* Ensures grid and nodes remain fully interactive */ pointer-events: none;
background: linear-gradient( to bottom, rgba(9, 44, 68, 0.9) 0%, /* Deep blue at the top */ background: linear-gradient(
rgba(30, 30, 30, 0) 45%, /* Fade out towards center */ to bottom,
rgba(30, 30, 30, 0) 75%, /* No gradient in the middle */ rgba(9, 44, 68, 0.9) 0%,
rgba(9, 44, 68, 0.7) 100% /* Deep blue at the bottom */ rgba(30, 30, 30, 0) 45%,
rgba(30, 30, 30, 0) 75%,
rgba(9, 44, 68, 0.7) 100%
); );
z-index: -1; /* Ensures it stays behind the React Flow elements */ z-index: -1;
} }
/* Emphasize Drag & Drop Node Functionality */ /* Emphasize Drag & Drop Node Functionality */
.sidebar-button:hover { .sidebar-button:hover {
background-color: #2a2a2a !important; background-color: #2a2a2a !important;
@ -31,7 +31,6 @@
cursor: grab; cursor: grab;
} }
/* Borealis Node Styling */ /* Borealis Node Styling */
.borealis-node { .borealis-node {
background: #2c2c2c; background: #2c2c2c;
@ -42,7 +41,8 @@
min-width: 160px; min-width: 160px;
max-width: 260px; max-width: 260px;
position: relative; position: relative;
box-shadow: 0 0 5px rgba(88, 166, 255, 0.15), 0 0 10px rgba(88, 166, 255, 0.15); box-shadow: 0 0 5px rgba(88, 166, 255, 0.15),
0 0 10px rgba(88, 166, 255, 0.15);
transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out;
} }
.borealis-node-header { .borealis-node-header {
@ -65,7 +65,9 @@
} }
/* Global dark form inputs */ /* Global dark form inputs */
input, select, button { input,
select,
button {
background-color: #2a2a2a; background-color: #2a2a2a;
color: #ccc; color: #ccc;
border: 1px solid #444; border: 1px solid #444;
@ -77,3 +79,17 @@ label {
color: #aaa; color: #aaa;
font-size: 10px; font-size: 10px;
} }
/* Multi-Tab Bar Adjustments */
.MuiTabs-root {
min-height: 32px !important;
}
.MuiTab-root {
min-height: 32px !important;
padding: 6px 12px !important;
color: #58a6ff !important;
text-transform: none !important;
}
/* We rely on the TabIndicatorProps to show the underline highlight for active tabs. */