Skip to content

Commit 49d122e

Browse files
committed
styles: fix .wrapper styles
1 parent 8e5bb9d commit 49d122e

File tree

1 file changed

+31
-28
lines changed

1 file changed

+31
-28
lines changed

src/fields/fieldImage.vue

+31-28
Original file line numberDiff line numberDiff line change
@@ -67,38 +67,41 @@
6767
</script>
6868

6969
<style lang="sass">
70-
.vue-form-generator .field-image {
71-
&.wrapper {
72-
width: 100%;
73-
}
74-
.preview {
75-
position: relative;
76-
margin-top: 5px;
77-
height: 100px;
78-
background-repeat: no-repeat;
79-
background-size: contain;
80-
background-position: center center;
81-
border: 1px solid #ccc;
82-
border-radius: 3px;
83-
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
8470
85-
.remove {
86-
/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC');
87-
width: 16px;
88-
height: 16px;
89-
*/
90-
font-size: 1.2em;
71+
.vue-form-generator .field-image {
72+
73+
.wrapper {
74+
width: 100%;
75+
}
76+
77+
.preview {
78+
position: relative;
79+
margin-top: 5px;
80+
height: 100px;
81+
background-repeat: no-repeat;
82+
background-size: contain;
83+
background-position: center center;
84+
border: 1px solid #ccc;
85+
border-radius: 3px;
86+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
9187
92-
position: absolute;
93-
right: 0.2em;
94-
bottom: 0.2em;
95-
opacity: 0.7;
88+
.remove {
89+
/*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC');
90+
width: 16px;
91+
height: 16px;
92+
*/
93+
font-size: 1.2em;
9694
97-
&:hover {
98-
opacity: 1.0;
99-
cursor: pointer;
95+
position: absolute;
96+
right: 0.2em;
97+
bottom: 0.2em;
98+
opacity: 0.7;
99+
100+
&:hover {
101+
opacity: 1.0;
102+
cursor: pointer;
103+
}
100104
}
101105
}
102106
}
103-
}
104107
</style>

0 commit comments

Comments
 (0)