Commit b93df72

committed

Add icon to buttons

1 parent 053f445 commit b93df72Copy full SHA for b93df72

File tree

+17

-6

lines changed

+17

-6

lines changed

Lines changed: 11 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,11 +6,16 @@`
`6`	`6`	`.row(v-show="model")`
`7`	`7`	`.col-md-6`
`8`	`8`	`.buttons.text-center`
`9`		`- button.btn.btn-default.new(@click="newModel") New`
	`9`	`+ button.btn.btn-default.new(@click="newModel")`
	`10`	`+ i.fa.fa-plus`
	`11`	`+ \| New`
`10`	`12`	`button.btn.btn-primary.save(@click="saveModel")`
	`13`	`+ i.fa.fa-floppy-o`
`11`	`14`	`\| Save`
`12`	`15`	`i.fa.fa-warning(v-if="showWarning()")`
`13`		`- button.btn.btn-danger.delete(@click="deleteModel") Delete`
	`16`	`+ button.btn.btn-danger.delete(@click="deleteModel")`
	`17`	`+ i.fa.fa-trash`
	`18`	`+ \| Delete`
`14`	`19`
`15`	`20`	`.errors.text-center`
`16`	`21`	`div.alert.alert-danger(v-for="item in validationErrors") {{ item.field.label}}:`
`@@ -210,6 +215,10 @@`
`210`	`215`	`margin: 0.2em 0.3em;`
`211`	`216`	`padding: 6px 20px;`
`212`	`217`	`position: relative;`
	`218`	`+`
	`219`	`+ i {`
	`220`	`+ margin-right: 0.3em;`
	`221`	`+ }`
`213`	`222`	`}`
`214`	`223`
`215`	`224`	`i.fa.fa-warning {`

Lines changed: 6 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`input.form-control.link(type="text", v-model="wrappedValue", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")`
`4`	`4`	`input.form-control.file(type="file", :readonly="schema.readonly", :disabled="disabled", v-if="schema.browse !== false", @change="fileChanged")`
`5`	`5`	`.preview(:style="previewStyle")`
`6`		`- .remove(title="Remove image", @click="remove")`
	`6`	`+ .remove.fa.fa-trash-o(title="Remove image", @click="remove")`
`7`	`7`	`</template>`
`8`	`8`
`9`	`9`	`<script>`
`@@ -83,13 +83,15 @@`
`83`	`83`	`box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);`
`84`	`84`
`85`	`85`	`.remove {`
`86`		`- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC');`
	`86`	`+ /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42u2SwQoAIAhD88vVLy8KBlaS0i1oJwP3piGVg0Skmpq8HjqZrWl9uwCbGAmwKYGZs/6iqgMyAdJuM8W2QmYKpLt/0AG9ASCv/oAnANd3AEjmAlFT1BypAV+PnRH5YehvAAAAAElFTkSuQmCC');`
`87`	`87`	`width: 16px;`
`88`	`88`	`height: 16px;`
	`89`	`+ */`
	`90`	`+ font-size: 1.2em;`
`89`	`91`
`90`	`92`	`position: absolute;`
`91`		`- right: 2px;`
`92`		`- bottom: 2px;`
	`93`	`+ right: 0.2em;`
	`94`	`+ bottom: 0.2em;`
`93`	`95`	`opacity: 0.7;`
`94`	`96`
`95`	`97`	`&:hover {`

Comments

(0)