修改代码部分的布局

src/components/blockly/BlocklyEditor.vue

@@ -16,7 +16,7 @@
     <!-- 右下角按钮组 -->
     <div class="button-group">
       <el-button class="control-button run-button" @click="toggleLight">运行</el-button>
-      <el-button class="control-button code-button" @click="handleViewCode">智能台灯</el-button>
+      <el-button class="control-button code-button" @click="handleViewCode">代码</el-button>
     </div>
 
     <!-- 显示当前灯光信息 -->
@@ -1486,12 +1486,28 @@ const showStatus = (message, type = 'success') => {
 }
 
 .container {
-  margin: 0 auto;
-  width: 80%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
   background: rgba(255, 255, 255, 0.95);
-  border-radius: 15px;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
-  overflow: hidden;
+  overflow-y: auto;
+}
+/* 自定义滚动条样式 */
+.container::-webkit-scrollbar {
+  width: rpx(2); /* 滚动条宽度 */
+}
+.container::-webkit-scrollbar-track {
+  background: #f1effd; /* 滚动条轨道背景色 */
+  border-radius: rpx(4);
+}
+.container::-webkit-scrollbar-thumb {
+  background: #e2ddfc; /* 滚动条滑块颜色 */
+  border-radius: rpx(4);
+}
+.container::-webkit-scrollbar-thumb:hover {
+  background: #e2ddfc; /* 滚动条滑块 hover 状态颜色 */
 }
 
 .content {