mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-02 21:57:17 +00:00
46 lines
1.7 KiB
Plaintext
46 lines
1.7 KiB
Plaintext
.small-12.medium-12.large-6.columns
|
|
.row
|
|
.small-12.columns.center
|
|
.row
|
|
.small-12.columns.center
|
|
%h4
|
|
Step 1. Select Logo Image
|
|
.row
|
|
.small-12.columns.center
|
|
%span.small
|
|
Tip: Square images will work best, preferably at least 300×300px
|
|
.row.pad-top
|
|
.small-12.columns
|
|
.image-select.small-12.columns
|
|
%label.small-12.columns.button{ for: 'image-select' } Choose a logo image
|
|
%input#image-select{ type: 'file', hidden: true, 'nv-file-select' => true, uploader: "imageUploader", options: '{ alias: imageStep }' }
|
|
.row.show-for-large-up
|
|
.large-12.columns
|
|
%span#or.large-12.columns
|
|
OR
|
|
.row.show-for-large-up
|
|
.large-12.columns
|
|
#image-over{ 'nv-file-over' => true, uploader: "imageUploader" }
|
|
Drag and drop your logo here
|
|
.small-12.medium-12.large-6.columns
|
|
.row
|
|
.small-12.columns.center
|
|
.row
|
|
.small-12.columns.center
|
|
%h4
|
|
Step 2. Review Your Logo
|
|
.row
|
|
.small-12.columns.center
|
|
%span.small
|
|
Tip: for best results, your logo should fill the available space
|
|
.row.pad-top
|
|
.small-12.columns.center
|
|
#image-placeholder.logo
|
|
%img{ ng: { show: "imageSrc() && !imageUploader.isUploading", src: '{{ imageSrc() }}' } }
|
|
.message{ ng: { hide: "imageSrc() || imageUploader.isUploading" } }
|
|
Your logo will appear here for review once uploaded
|
|
.loading{ ng: { hide: "!imageUploader.isUploading" } }
|
|
%img.spinner{ src: "/assets/loading.gif" }
|
|
%br/
|
|
Uploading...
|