2 Commits c72ed49ddd ... 324dfe2cae

Author SHA1 Message Date
  bzd_lxf 324dfe2cae update 页面时间选择框 长度问题 1 month ago
  bzd_lxf 1885e1cd7f update 页面时间选择框 长度问题 1 month ago

+ 7 - 4
health-admin/src/main/resources/static/health/css/input-styles.css

@@ -86,7 +86,7 @@ li {
 	align-items: center; /* 在交叉轴上居中对齐子元素 */
 	gap: 1em; /* 子元素之间的间隔 */
 	max-width: 100%; /* 最大宽度为100%,防止超出父容器 */
-	padding: 5px 1px 1px 1px; /* 上 右 下 左的内边距 */
+	padding: 1em 1px 1px 1px; /* 上 右 下 左的内边距 */
 	box-sizing: border-box; /* 包括边框和内边距在内的宽度计算 */
 	position: relative; /* 添加相对定位,用于绝对定位的子元素 */
 }
@@ -102,7 +102,7 @@ li {
 	display: flex; /* 使用 Flexbox 布局 */
 	align-items: end; /* 垂直居中对齐子元素 */
 	flex-basis: calc(5% - 0.5em); /* 计算每个子元素的基础大小,减去一定的间隔 */
-	margin-bottom: 1em; /* 每个子元素底部的外边距 */
+	margin-bottom: 0.5em; /* 每个子元素底部的外边距 */
 }
 
 /* 控制输入框前面的label 标签显示的内容 */
@@ -125,13 +125,16 @@ li {
 }
 
 .customize-form-group-container .select-time label {
-	margin-right: 1em; /* 时间选择框标签右侧的外边距 */
+	/*margin-right: 1em; !* 时间选择框标签右侧的外边距 *!*/
 }
 
 .customize-form-group-container .select-time .time-input {
-	width: 90px; /* 时间输入框的宽度 */
+	width: 92px; /* 时间输入框的宽度 */
 	/*margin-right: 0.5em;*/ /* 可选的右侧内边距 */
 }
+.time-input2 {
+	width: 200px !important; /* 使用 !important 提高优先级 */ /* 时间输入框的宽度 */
+}
 
 /* 小屏幕设备 */
 @media (max-width: 768px) {