add more cs

This commit is contained in:
CakeCN
2025-09-15 19:29:19 +08:00
parent 628e4c7805
commit d2b2720068
2 changed files with 32 additions and 8 deletions

View File

@@ -1,3 +1,35 @@
body {
margin: 0;
display: flex;
flex-direction: column;
height: 100vh; /* 使整个页面占据全屏 */
}
#topbar {
padding: 5px;
background-color: #f1f1f1;
border-bottom: 1px solid #ddd;
}
#container {
display: flex;
flex-direction: column;
flex-grow: 1; /* 让容器填满剩余空间 */
}
#editorContainer {
flex-grow: 3; /* 让编辑器占据三分之二空间 */
border-bottom: 1px solid #ddd;
background-color: #f5f5f5; /* 可以调整编辑器背景颜色 */
}
#terminal {
flex-grow: 1; /* 让终端占据剩余的空间 */
border-top: 1px solid #ddd;
background-color: black;
}
#fileTree { width: 250px; border-right: 1px solid #ddd; padding: 10px; overflow-y: auto; }
#searchSidebar { border-left: 1px solid #ddd; display: none; overflow-y: auto; }
/* 给按钮设置统一的样式 */
#topbar button {

View File

@@ -10,14 +10,6 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@4.15.0/dist/xterm.css">
<style>
body { display: flex; height: 100vh; margin: 0; }
#fileTree { width: 250px; border-right: 1px solid #ddd; padding: 10px; overflow-y: auto; }
#editorContainer { flex-grow: 1; }
#searchSidebar { border-left: 1px solid #ddd; display: none; overflow-y: auto; }
#topbar { padding: 5px; border-bottom: 1px solid #ddd; background-color: #f1f1f1; }
</style>
<link rel="stylesheet" href="/vsc-like/static/css/index.css">
</head>
<body>