这是indexloc提供的服务,不要输入任何密码
Skip to content

Conversation

@colombod
Copy link
Member

css: Update body dimensions in index.css

The commit updates the width and height properties of the body element in index.css to "auto" instead of fixed values. This change allows for a more responsive layout.

css: Update body dimensions in index.css

The commit updates the width and height properties of the body element in index.css to "auto" instead of fixed values. This change allows for a more responsive layout.
@colombod colombod requested a review from ocallesp May 30, 2024 22:18
height: 600px;
width: auto;
height: auto;
border: 1px solid #ccc;
Copy link
Contributor

@jwmunn jwmunn May 30, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggestion:
If you update this to add margin: 0; and then add padding to .monaco-editor then it will get rid of that white border in dark mode.

body {
	width: auto;
	height: auto;
	border: 1px solid #ccc;
    margin: 0;
 }
 
.monaco-editor {
   padding: 0.5rem; // 8px
}

Before
image

After
image

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thank you!!

@colombod colombod enabled auto-merge (rebase) May 30, 2024 22:48
@colombod colombod merged commit 052a602 into dotnet:main May 30, 2024
@colombod colombod deleted the css_auto branch May 30, 2024 23:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants