浏览代码

Change error positon

sbkwgh 8 年之前
父节点
当前提交
bf0b5d2c77
共有 1 个文件被更改,包括 8 次插入8 次删除
  1. 8 8
      src/components/FancyInput.vue

+ 8 - 8
src/components/FancyInput.vue

@@ -75,17 +75,17 @@
 			position: absolute;
 			background-color: #ffeff1;
 			border: 0.125rem solid #D32F2F;
-			max-width: 100%;
 			font-size: 0.9rem;
 			padding: 0.1rem 0.25rem;
-			top: -1.75rem;
-			right: 0;
+			top: 0.2125rem;
+			left: calc(100% + 0.25rem);
+			white-space: nowrap;
 			
 
 			&:first-letter{ text-transform: capitalize; }
 
 			opacity: 0;
-			pointer-events: 0;
+			pointer-events: none;
 			margin-top: -1rem;
 			transition: opacity 0.2s, margin-top 0.2s;
 
@@ -102,10 +102,10 @@
 				width: 0;
 				height: 0;
 				display: inline-block;
-				bottom: -0.65rem;
-				border-left: 0.3rem solid transparent;
-				border-right: 0.3rem solid transparent;
-				border-top: 0.3rem solid #D32F2F;
+				right: calc(100% + 0.3rem);
+				border-top: 0.3rem solid transparent;
+				border-bottom: 0.3rem solid transparent;
+				border-right: 0.3rem solid #D32F2F;
 			}
 		}
 	}