fix(ui): 开关可见与布局对齐

app-frontend/src/pages/SchedulesPage.vue

@@ -522,10 +522,11 @@ onMounted(async () => {
 
 .panel-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 10px;
+  flex-wrap: wrap;
 }
 
 .panel-title {
@@ -554,8 +555,10 @@ onMounted(async () => {
 
 .schedule-top {
   display: flex;
+  align-items: flex-start;
   justify-content: space-between;
   gap: 12px;
+  flex-wrap: wrap;
 }
 
 .schedule-main {
@@ -593,15 +596,6 @@ onMounted(async () => {
   flex-wrap: wrap;
 }
 
-.schedule-switch :deep(.el-switch) {
-  --el-switch-off-color: rgba(17, 24, 39, 0.22);
-  --el-switch-border-color: rgba(17, 24, 39, 0.22);
-}
-
-.schedule-switch :deep(.el-switch.is-disabled) {
-  opacity: 1;
-}
-
 .logs {
   display: flex;
   flex-direction: column;
@@ -647,4 +641,17 @@ onMounted(async () => {
     grid-template-columns: 1fr;
   }
 }
+
+@media (max-width: 768px) {
+  .panel-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+
+  .schedule-switch {
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+  }
+}
 </style>