emile 12 months ago
parent 2d63528c1d
commit e9f0f9a399

@ -100,24 +100,6 @@ small {
class="w-full py-1 px-3 border border-gray-300 outline-none rounded-md mt-1 resize-none" rows="8"></textarea> class="w-full py-1 px-3 border border-gray-300 outline-none rounded-md mt-1 resize-none" rows="8"></textarea>
</div> </div>
<div class="w-full flex flex-col">
<div class="w-full border border-gray-300 rounded-md px-3 py-5 flex justify-between items-center gap-3">
<label>Upload File</label>
<div class="cursor-pointer relative w-fit h-fit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-7 h-7 cursor-pointer text-secondosiblue" fill="none">
<path d="M7 6.5H16.75C18.8567 6.5 19.91 6.5 20.6667 7.00559C20.9943 7.22447 21.2755 7.50572 21.4944 7.83329C21.9579 8.52694 21.9965 9.25981 21.9997 11M12 6.5L11.3666 5.23313C10.8418 4.18358 10.3622 3.12712 9.19926 2.69101C8.6899 2.5 8.10802 2.5 6.94427 2.5C5.1278 2.5 4.21956 2.5 3.53806 2.88032C3.05227 3.15142 2.65142 3.55227 2.38032 4.03806C2 4.71956 2 5.6278 2 7.44427V10.5C2 15.214 2 17.5711 3.46447 19.0355C4.8215 20.3926 6.94493 20.4921 11 20.4994H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
<path d="M18.5 13.5L18.5 21.5M18.5 13.5C17.7998 13.5 16.4915 15.4943 16 16M18.5 13.5C19.2002 13.5 20.5085 15.4943 21 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<input type="file" id="fileupload" name="files" placeholder="Select file" multiple class="opacity-0 absolute top-1/2 left-1/2 w-[25px] -translate-x-1/2 -translate-y-1/2 z-10">
</div>
<select id="filePathInput" name="filePath" multiple></select>
</div>
<div id="uploaded_files" class="w-full flex flex-col gap-3 top-0 right-0 inset-0"></div>
</div>
@ -126,6 +108,24 @@ small {
class="w-fit py-1 px-5 bg-osiblue rounded-md outline-none text-white border border-osiblue text-xl cursor-pointer hover:bg-white hover:text-osiblue duration-300">Save</button> class="w-fit py-1 px-5 bg-osiblue rounded-md outline-none text-white border border-osiblue text-xl cursor-pointer hover:bg-white hover:text-osiblue duration-300">Save</button>
</div> </div>
</form> </form>
<div class="w-full flex flex-col">
<div class="w-full border border-gray-300 rounded-md px-3 py-5 flex justify-between items-center gap-3">
<label>Upload File</label>
<div class="cursor-pointer relative w-fit h-fit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-7 h-7 cursor-pointer text-secondosiblue" fill="none">
<path d="M7 6.5H16.75C18.8567 6.5 19.91 6.5 20.6667 7.00559C20.9943 7.22447 21.2755 7.50572 21.4944 7.83329C21.9579 8.52694 21.9965 9.25981 21.9997 11M12 6.5L11.3666 5.23313C10.8418 4.18358 10.3622 3.12712 9.19926 2.69101C8.6899 2.5 8.10802 2.5 6.94427 2.5C5.1278 2.5 4.21956 2.5 3.53806 2.88032C3.05227 3.15142 2.65142 3.55227 2.38032 4.03806C2 4.71956 2 5.6278 2 7.44427V10.5C2 15.214 2 17.5711 3.46447 19.0355C4.8215 20.3926 6.94493 20.4921 11 20.4994H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
<path d="M18.5 13.5L18.5 21.5M18.5 13.5C17.7998 13.5 16.4915 15.4943 16 16M18.5 13.5C19.2002 13.5 20.5085 15.4943 21 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<input type="file" id="fileupload" name="files" placeholder="Select file" multiple class="opacity-0 absolute top-1/2 left-1/2 w-[25px] -translate-x-1/2 -translate-y-1/2 z-10">
</div>
<select id="filePathInput" name="filePath" multiple></select>
</div>
<div id="uploaded_files" class="w-full flex flex-col gap-3 top-0 right-0 inset-0"></div>
</div>
</div> </div>
</div> </div>

Loading…
Cancel
Save