Refactor StatusBar component and adjust CSS for improved layout and styling

This commit is contained in:
ishikabhoyar
2025-03-30 02:06:27 +05:30
parent 48a14f674d
commit 208655c9bc
2 changed files with 6 additions and 6 deletions

View File

@@ -57,12 +57,12 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: var(--vscode-activityBar-background); background-color: var(--vscode-activityBar-background);
z-index: 10; z-index: 10; /* Lower z-index than the StatusBar */
width: 50px; position: fixed;
height: 100%;
position: fixed; /* Change to fixed to avoid layout issues */
top: 0; top: 0;
left: 0; left: 0;
height: calc(100% - 22px); /* Subtract the height of the StatusBar */
width: 50px;
} }
.activity-bar button { .activity-bar button {
@@ -404,7 +404,7 @@ body {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
font-family: "Consolas", "Courier New", monospace; font-family: "Consolas", "Courier New", monospace;
font-size: 13px; font-size: 10px;
padding: 8px; padding: 8px;
padding: 10px; padding: 10px;
font-family: 'Consolas', 'Courier New', monospace; font-family: 'Consolas', 'Courier New', monospace;