fix: console design

This commit is contained in:
naman-bruno
2025-07-15 14:53:51 +05:30
parent ecc6c1604c
commit fe1275e7d2
5 changed files with 13 additions and 18 deletions

View File

@@ -81,9 +81,9 @@ const DebugTab = () => {
) : (
<div className="errors-container">
<div className="errors-header">
<div className="header-message">Message</div>
<div className="header-location">Location</div>
<div className="header-time">Time</div>
<div>Message</div>
<div>Location</div>
<div className="text-right">Time</div>
</div>
<div className="errors-list">

View File

@@ -273,13 +273,13 @@ const NetworkTab = () => {
) : (
<div className="requests-container">
<div className="requests-header">
<div className="header-method">Method</div>
<div className="header-status">Status</div>
<div className="header-domain">Domain</div>
<div className="header-path">Path</div>
<div className="header-time">Time</div>
<div className="header-duration">Duration</div>
<div className="header-size">Size</div>
<div>Method</div>
<div>Status</div>
<div>Domain</div>
<div>Path</div>
<div>Time</div>
<div className="text-right">Duration</div>
<div className="text-right">Size</div>
</div>
<div className="requests-list">

View File

@@ -72,7 +72,6 @@ const StyledWrapper = styled.div`
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.tab-header {

View File

@@ -66,7 +66,7 @@ const StatusBar = () => {
tabIndex={0}
aria-label="Open Preferences"
>
<ToolHint text="Pref." toolhintId="Preferences" place="top" offset={10}>
<ToolHint text="Preferences" toolhintId="Preferences" place="top-start" offset={10}>
<IconSettings size={16} strokeWidth={1.5} aria-hidden="true" />
</ToolHint>
</button>
@@ -83,7 +83,7 @@ const StatusBar = () => {
</ToolHint>
</button>
<div className="status-bar-notifications">
<div className="status-bar-button">
<Notifications />
</div>
</div>
@@ -101,7 +101,7 @@ const StatusBar = () => {
<ToolHint text={`Console${errorCount > 0 ? ` (${errorCount} errors)` : ''}`} toolhintId="Console" place="top" offset={10}>
<div className="console-button-content">
<IconTool size={16} strokeWidth={1.5} aria-hidden="true" />
<span className="console-label">Console</span>
<span className="console-label">Dev Tools</span>
{errorCount > 0 && (
<span className="error-count-inline">{errorCount}</span>
)}

View File

@@ -45,10 +45,6 @@ require('utils/codemirror/brunoVarInfo');
require('utils/codemirror/javascript-lint');
require('utils/codemirror/autocomplete');
const MIN_CONSOLE_HEIGHT = 150;
const MAX_CONSOLE_HEIGHT = window.innerHeight * 0.7;
const DEFAULT_CONSOLE_HEIGHT = 300;
export default function Main() {
const activeTabUid = useSelector((state) => state.tabs.activeTabUid);
const isDragging = useSelector((state) => state.app.isDragging);