微调-调整日期组件

frontend/src/components/TimeControl/index.scss

@@ -1,36 +1,42 @@
 /* 添加样式 */
 .time-control {
-    display: flex;
-    align-items: center;
-    margin:0 0 0 300px ; /* 使整体居中 */
-  }
-  .select {
-    margin-right: 10px; /* 下拉框右侧间距 */
-    width: 90px; /* 下拉框宽度 */
-  }
-  .date-display {
-    display: flex;
-    align-items: center;
-    margin-right: 10px; /* 日期选择器右侧间距 */
-    width: 250px;
-  }
-  .date-picker {
-    margin-right: 10px; /* 日期选择器之间的间距 */
-  }
-  .triangle-button {
-    margin:0 2px; /* 设置左右间距 */
-  }
-  .left_triangle {
-    width: 0;
-    height: 0;
-    border-top: 10px solid transparent; /* 上边透明 */
-    border-bottom: 10px solid transparent; /* 下边透明 */
-    border-right: 15px solid white; /* 左边为白色 */
-  }
-  .right_triangle {
-    width: 0;
-    height: 0;
-    border-top: 10px solid transparent; /* 上边透明 */
-    border-bottom: 10px solid transparent; /* 下边透明 */
-    border-left: 15px solid white; /* 左边为白色 */
-  }
+  display: flex;
+  align-items: center;
+}
+
+.select {
+  margin-right: 10px; /* 下拉框右侧间距 */
+  width: 90px; /* 下拉框宽度 */
+}
+
+.date-display {
+  display: flex;
+  align-items: center;
+  margin-right: 10px; /* 日期选择器右侧间距 */
+  width: 320px;
+}
+
+.date-picker {
+  margin-right: 10px; /* 日期选择器之间的间距 */
+  width: 100%;
+}
+
+.triangle-button {
+  margin: 0 2px; /* 设置左右间距 */
+}
+
+.left_triangle {
+  width: 0;
+  height: 0;
+  border-top: 10px solid transparent; /* 上边透明 */
+  border-bottom: 10px solid transparent; /* 下边透明 */
+  border-right: 15px solid white; /* 左边为白色 */
+}
+
+.right_triangle {
+  width: 0;
+  height: 0;
+  border-top: 10px solid transparent; /* 上边透明 */
+  border-bottom: 10px solid transparent; /* 下边透明 */
+  border-left: 15px solid white; /* 左边为白色 */
+}