styles: fix .wrapper styles

vue-generators · Aug 9, 2016 · 49d122e · 49d122e
1 parent 8e5bb9d
commit 49d122e
Showing 1 changed file with 31 additions and 28 deletions.
diff --git a/src/fields/fieldImage.vue b/src/fields/fieldImage.vue
@@ -67,38 +67,41 @@
 </script>
 
 <style lang="sass">
-.vue-form-generator .field-image {
-	&.wrapper {
-		width: 100%;
-	}
-	.preview {
-		position: relative;
-		margin-top: 5px;
-		height: 100px;
-		background-repeat: no-repeat;
-		background-size: contain;
-		background-position: center center;						
-		border: 1px solid #ccc;
-		border-radius: 3px;
-		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
-		.remove {
-			/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC');
-			width: 16px;
-			height: 16px;
-			*/
-			font-size: 1.2em;
+	.vue-form-generator .field-image {
+		
+		.wrapper {
+			width: 100%;
+		}
+
+		.preview {
+			position: relative;
+			margin-top: 5px;
+			height: 100px;
+			background-repeat: no-repeat;
+			background-size: contain;
+			background-position: center center;						
+			border: 1px solid #ccc;
+			border-radius: 3px;
+			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
-			position: absolute;
-			right: 0.2em;
-			bottom: 0.2em;
-			opacity: 0.7;
+			.remove {
+				/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC');
+				width: 16px;
+				height: 16px;
+				*/
+				font-size: 1.2em;
 
-			&:hover {
-				opacity: 1.0;
-				cursor: pointer;
+				position: absolute;
+				right: 0.2em;
+				bottom: 0.2em;
+				opacity: 0.7;
+
+				&:hover {
+					opacity: 1.0;
+					cursor: pointer;
+				}
 			}
 		}
 	}
-}
 </style>