Quellcode durchsuchen

update 页面时间选择框 长度问题

bzd_lxf vor 1 Monat
Ursprung
Commit
1885e1cd7f

+ 5 - 2
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 标签显示的内容 */
@@ -132,6 +132,9 @@ li {
 	width: 90px; /* 时间输入框的宽度 */
 	/*margin-right: 0.5em;*/ /* 可选的右侧内边距 */
 }
+.time-input2 {
+	width: 190px !important; /* 使用 !important 提高优先级 */ /* 时间输入框的宽度 */
+}
 
 /* 小屏幕设备 */
 @media (max-width: 768px) {