mirror of
https://github.com/usebruno/bruno.git
synced 2026-06-15 20:01:28 +00:00
fix: console design
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -72,7 +72,6 @@ const StyledWrapper = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tab-header {
|
||||
|
||||
@@ -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>
|
||||
)}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user