From 7da21e8d65156bfc4d52ac982511ecbbe5ebe6ca Mon Sep 17 00:00:00 2001 From: Ryan Scherler Date: Wed, 1 Apr 2020 17:25:27 -0700 Subject: [PATCH] Style file upload list --- dist/css/app.css | 2 +- dist/mix-manifest.json | 2 +- resources/lang/en/admin.php | 2 ++ resources/views/fields/file.blade.php | 24 ++++++++++++------ src/Traits/Fields/UploadsFiles.php | 36 ++++++++------------------- 5 files changed, 31 insertions(+), 35 deletions(-) diff --git a/dist/css/app.css b/dist/css/app.css index 73973e574b..ba148ba8af 100644 --- a/dist/css/app.css +++ b/dist/css/app.css @@ -1 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}b{font-weight:bolder}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[hidden]{display:none}dd,dl,h1,h2,p{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select,textarea{padding:0;line-height:inherit;color:inherit}audio,img,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-input::-webkit-input-placeholder{color:#9fa6b2;opacity:1}.form-input::-moz-placeholder{color:#9fa6b2;opacity:1}.form-input:-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::placeholder{color:#9fa6b2;opacity:1}.form-input:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.dropdown{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border-radius:.25rem;background-color:#fff;font-size:.875rem;line-height:1.25rem;color:#161e2e;overflow:hidden}.mode-dark .dropdown{color:#fff;background-color:#000}.dropdown>*+*{border-top-width:1px;border-color:#e5e7eb}.mode-dark .dropdown>*+*{border-color:#161e2e}.dropdown a,.dropdown button{display:inline-block;width:100%;padding:.5rem 1.25rem;text-align:left;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown a:hover,.dropdown button:hover{background-color:#f9fafb}.mode-dark .dropdown a:hover,.mode-dark .dropdown button:hover{background-color:#374151}.alert{margin-top:1rem;margin-bottom:1rem;padding:.5rem .75rem;border-radius:.25rem;color:#6b7280;border-width:1px;border-color:currentColor;font-size:.875rem;line-height:1.25rem}.alert-info{color:#6875f5}.alert-success{color:#0e9f6e}.btn{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25;font-weight:500;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);color:#fff;background-color:#5145cd;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn:not(.btn-with-dropdown):hover{background-color:#42389d}.btn:focus{outline:0;box-shadow:0 0 0 3px rgba(159,166,178,.45)}.btn:active{background-color:#42389d}.btn-with-dropdown{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:justify;justify-content:space-between;padding:0}.btn-primary-action{padding:.5rem 1.25rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary-action:hover{background-color:#42389d}.btn-dropdown{position:relative}.btn-dropdown-actions{padding:.5rem;background-color:#5850ec;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-dropdown-content{position:absolute;left:0;margin-top:.5rem;width:12rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f4f5f7}.bg-gray-200{background-color:#e5e7eb}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#252f3f}.bg-gray-900{background-color:#161e2e}.bg-indigo-600{background-color:#5850ec}.hover\:bg-gray-900:hover{background-color:#161e2e}.focus\:bg-gray-200:focus{background-color:#e5e7eb}.focus\:bg-gray-600:focus{background-color:#4b5563}.focus\:bg-gray-700:focus{background-color:#374151}.active\:bg-gray-100:active{background-color:#f4f5f7}.mode-dark .dark\:bg-transparent{background-color:transparent}.mode-dark .dark\:bg-black{background-color:#000}.mode-dark .dark\:bg-gray-500{background-color:#6b7280}.mode-dark .dark\:bg-gray-700{background-color:#374151}.mode-dark .dark\:bg-gray-800{background-color:#252f3f}.mode-dark .dark\:bg-gray-900{background-color:#161e2e}.border-transparent{border-color:transparent}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d2d6dc}.border-red-300{border-color:#f8b4b4}.focus\:border-red-500:focus{border-color:#f05252}.focus\:border-blue-300:focus{border-color:#a4cafe}.mode-dark .dark\:border-gray-700{border-color:#374151}.mode-dark .dark-focus\:border-red-500:focus,.mode-dark .dark\:border-red-500{border-color:#f05252}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:.25rem}.rounded-r,.rounded-t{border-top-right-radius:.25rem}.rounded-r{border-bottom-right-radius:.25rem}.rounded-l{border-bottom-left-radius:.25rem}.rounded-l,.rounded-tl{border-top-left-radius:.25rem}.border-dashed{border-style:dashed}.border-2{border-width:2px}.border{border-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:flex}.inline-flex{display:-webkit-inline-box;display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.items-start{-webkit-box-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;align-items:center}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.flex-1{-webkit-box-flex:1;flex:1 1 0%}.flex-grow{-webkit-box-flex:1;flex-grow:1}.flex-shrink-0{flex-shrink:0}.font-sans{font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mono{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.h-0{height:0}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-12{height:3rem}.h-16{height:4rem}.h-96{height:24rem}.h-full{height:100%}.h-screen{height:100vh}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-9{line-height:2.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mb-12{margin-bottom:3rem}.-mr-14{margin-right:-3.5rem}.-mb-px{margin-bottom:-1px}.-ml-px{margin-left:-1px}.-mt-0\.5{margin-top:-.125rem}.-ml-0\.5{margin-left:-.125rem}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-7xl{max-width:80rem}.min-h-screen{min-height:100vh}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.p-1{padding:.25rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.pr-3{padding-right:.75rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pr-10{padding-right:2.5rem}.placeholder-red-500::-webkit-input-placeholder{color:#f05252}.placeholder-red-500::-moz-placeholder{color:#f05252}.placeholder-red-500:-ms-input-placeholder{color:#f05252}.placeholder-red-500::-ms-input-placeholder{color:#f05252}.placeholder-red-500::placeholder{color:#f05252}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px rgba(118,169,250,.45)}.focus\:shadow-outline-blue:focus{box-shadow:0 0 0 3px rgba(164,202,254,.45)}.focus\:shadow-outline-red:focus{box-shadow:0 0 0 3px rgba(248,180,180,.45)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:#fff}.text-gray-50{color:#f9fafb}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d2d6dc}.text-gray-400{color:#9fa6b2}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#252f3f}.text-gray-900{color:#161e2e}.text-red-500{color:#f05252}.text-red-600{color:#e02424}.text-red-900{color:#771d1d}.text-green-500{color:#0e9f6e}.text-blue-500{color:#3f83f8}.text-indigo-600{color:#5850ec}.text-current{color:currentColor}.hover\:text-white:hover{color:#fff}.hover\:text-gray-300:hover{color:#d2d6dc}.hover\:text-gray-400:hover{color:#9fa6b2}.hover\:text-gray-500:hover{color:#6b7280}.hover\:text-gray-900:hover{color:#161e2e}.active\:text-gray-500:active{color:#6b7280}.active\:text-gray-700:active{color:#374151}.mode-dark .dark\:text-gray-50{color:#f9fafb}.mode-dark .dark\:text-gray-400{color:#9fa6b2}.mode-dark .dark-hover\:text-gray-300:hover{color:#d2d6dc}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-0{width:0}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-56{width:14rem}.w-64{width:16rem}.w-auto{width:auto}.w-full{width:100%}.z-0{z-index:0}.z-30{z-index:30}.z-40{z-index:40}.focus\:z-10:focus{z-index:10}.gap-2{grid-gap:.5rem;gap:.5rem}.gap-4{grid-gap:1rem;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;-webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.origin-bottom-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}.scale-90{--transform-scale-x:.9;--transform-scale-y:.9}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.translate-x-5{--transform-translate-x:1.25rem}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-2{--transform-translate-y:0.5rem}.transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform}.transition-colors{-webkit-transition-property:background-color,border-color,color,fill,stroke;transition-property:background-color,border-color,color,fill,stroke}.transition-opacity{-webkit-transition-property:opacity;transition-property:opacity}.ease-linear{-webkit-transition-timing-function:linear;transition-timing-function:linear}.ease-in{-webkit-transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{-webkit-transition-duration:75ms;transition-duration:75ms}.duration-100{-webkit-transition-duration:.1s;transition-duration:.1s}.duration-150{-webkit-transition-duration:.15s;transition-duration:.15s}.duration-200{-webkit-transition-duration:.2s;transition-duration:.2s}.duration-300{-webkit-transition-duration:.3s;transition-duration:.3s}.required:after{content:" *";font-size:.75rem;vertical-align:top;color:#9b1c1c}@media (min-width:640px){.sm\:items-start{-webkit-box-align:start;align-items:flex-start}.sm\:justify-end{-webkit-box-pack:end;justify-content:flex-end}.sm\:leading-5{line-height:1.25rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-md{max-width:28rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-sm{font-size:.875rem}.sm\:w-full{width:100%}.sm\:translate-x-0{--transform-translate-x:0}.sm\:translate-x-2{--transform-translate-x:0.5rem}.sm\:translate-y-0{--transform-translate-y:0}}@media (min-width:1024px){.md\:flex{display:-webkit-box;display:flex}.md\:inline-flex{display:-webkit-inline-box;display:inline-flex}.md\:hidden{display:none}.md\:flex-shrink-0{flex-shrink:0}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:gap-3{grid-gap:.75rem;gap:.75rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-5{grid-column:span 5/span 5}}@media (min-width:1280px){.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-2xl{font-size:1.5rem}.lg\:gap-8{grid-gap:2rem;gap:2rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}} \ No newline at end of file +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}b{font-weight:bolder}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[hidden]{display:none}dd,dl,h1,h2,p{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #d2d6dc}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select,textarea{padding:0;line-height:inherit;color:inherit}audio,img,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#d2d6dc;border-width:1px;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5}.form-input::-webkit-input-placeholder{color:#9fa6b2;opacity:1}.form-input::-moz-placeholder{color:#9fa6b2;opacity:1}.form-input:-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::-ms-input-placeholder{color:#9fa6b2;opacity:1}.form-input::placeholder{color:#9fa6b2;opacity:1}.form-input:focus{outline:none;box-shadow:0 0 0 3px rgba(164,202,254,.45);border-color:#a4cafe}.dropdown{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border-radius:.25rem;background-color:#fff;font-size:.875rem;line-height:1.25rem;color:#161e2e;overflow:hidden}.mode-dark .dropdown{color:#fff;background-color:#000}.dropdown>*+*{border-top-width:1px;border-color:#e5e7eb}.mode-dark .dropdown>*+*{border-color:#161e2e}.dropdown a,.dropdown button{display:inline-block;width:100%;padding:.5rem 1.25rem;text-align:left;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown a:hover,.dropdown button:hover{background-color:#f9fafb}.mode-dark .dropdown a:hover,.mode-dark .dropdown button:hover{background-color:#374151}.alert{margin-top:1rem;margin-bottom:1rem;padding:.5rem .75rem;border-radius:.25rem;color:#6b7280;border-width:1px;border-color:currentColor;font-size:.875rem;line-height:1.25rem}.alert-info{color:#6875f5}.alert-success{color:#0e9f6e}.btn{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25;font-weight:500;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);color:#fff;background-color:#5145cd;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn:not(.btn-with-dropdown):hover{background-color:#42389d}.btn:focus{outline:0;box-shadow:0 0 0 3px rgba(159,166,178,.45)}.btn:active{background-color:#42389d}.btn-with-dropdown{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:justify;justify-content:space-between;padding:0}.btn-primary-action{padding:.5rem 1.25rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary-action:hover{background-color:#42389d}.btn-dropdown{position:relative}.btn-dropdown-actions{padding:.5rem;background-color:#5850ec;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-dropdown-content{position:absolute;left:0;margin-top:.5rem;width:12rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f4f5f7}.bg-gray-200{background-color:#e5e7eb}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#252f3f}.bg-gray-900{background-color:#161e2e}.bg-indigo-600{background-color:#5850ec}.hover\:bg-gray-900:hover{background-color:#161e2e}.focus\:bg-gray-200:focus{background-color:#e5e7eb}.focus\:bg-gray-600:focus{background-color:#4b5563}.focus\:bg-gray-700:focus{background-color:#374151}.active\:bg-gray-100:active{background-color:#f4f5f7}.mode-dark .dark\:bg-transparent{background-color:transparent}.mode-dark .dark\:bg-black{background-color:#000}.mode-dark .dark\:bg-gray-500{background-color:#6b7280}.mode-dark .dark\:bg-gray-700{background-color:#374151}.mode-dark .dark\:bg-gray-800{background-color:#252f3f}.mode-dark .dark\:bg-gray-900{background-color:#161e2e}.border-transparent{border-color:transparent}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d2d6dc}.border-red-300{border-color:#f8b4b4}.focus\:border-red-500:focus{border-color:#f05252}.focus\:border-blue-300:focus{border-color:#a4cafe}.mode-dark .dark\:border-gray-700{border-color:#374151}.mode-dark .dark-focus\:border-red-500:focus,.mode-dark .dark\:border-red-500{border-color:#f05252}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:.25rem}.rounded-r,.rounded-t{border-top-right-radius:.25rem}.rounded-r{border-bottom-right-radius:.25rem}.rounded-l{border-bottom-left-radius:.25rem}.rounded-l,.rounded-tl{border-top-left-radius:.25rem}.border-dashed{border-style:dashed}.border-2{border-width:2px}.border{border-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:flex}.inline-flex{display:-webkit-inline-box;display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.items-start{-webkit-box-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;align-items:center}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.flex-1{-webkit-box-flex:1;flex:1 1 0%}.flex-grow{-webkit-box-flex:1;flex-grow:1}.flex-shrink-0{flex-shrink:0}.font-sans{font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mono{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.h-0{height:0}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-12{height:3rem}.h-16{height:4rem}.h-96{height:24rem}.h-full{height:100%}.h-screen{height:100vh}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-9{line-height:2.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.ml-4{margin-left:1rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mb-12{margin-bottom:3rem}.-mr-14{margin-right:-3.5rem}.-mb-px{margin-bottom:-1px}.-ml-px{margin-left:-1px}.-mt-0\.5{margin-top:-.125rem}.-ml-0\.5{margin-left:-.125rem}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-7xl{max-width:80rem}.min-h-screen{min-height:100vh}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.focus\:outline-none:focus{outline:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.pr-3{padding-right:.75rem}.pb-4{padding-bottom:1rem}.pt-5{padding-top:1.25rem}.pr-10{padding-right:2.5rem}.placeholder-red-500::-webkit-input-placeholder{color:#f05252}.placeholder-red-500::-moz-placeholder{color:#f05252}.placeholder-red-500:-ms-input-placeholder{color:#f05252}.placeholder-red-500::-ms-input-placeholder{color:#f05252}.placeholder-red-500::placeholder{color:#f05252}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px rgba(118,169,250,.45)}.focus\:shadow-outline-blue:focus{box-shadow:0 0 0 3px rgba(164,202,254,.45)}.focus\:shadow-outline-red:focus{box-shadow:0 0 0 3px rgba(248,180,180,.45)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:#fff}.text-gray-50{color:#f9fafb}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d2d6dc}.text-gray-400{color:#9fa6b2}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#252f3f}.text-gray-900{color:#161e2e}.text-red-500{color:#f05252}.text-red-600{color:#e02424}.text-red-900{color:#771d1d}.text-green-500{color:#0e9f6e}.text-blue-500{color:#3f83f8}.text-indigo-600{color:#5850ec}.text-current{color:currentColor}.hover\:text-white:hover{color:#fff}.hover\:text-gray-300:hover{color:#d2d6dc}.hover\:text-gray-400:hover{color:#9fa6b2}.hover\:text-gray-500:hover{color:#6b7280}.hover\:text-gray-900:hover{color:#161e2e}.active\:text-gray-500:active{color:#6b7280}.active\:text-gray-700:active{color:#374151}.mode-dark .dark\:text-gray-50{color:#f9fafb}.mode-dark .dark\:text-gray-400{color:#9fa6b2}.mode-dark .dark-hover\:text-gray-300:hover{color:#d2d6dc}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-0{width:0}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-56{width:14rem}.w-64{width:16rem}.w-auto{width:auto}.w-full{width:100%}.z-0{z-index:0}.z-30{z-index:30}.z-40{z-index:40}.focus\:z-10:focus{z-index:10}.gap-2{grid-gap:.5rem;gap:.5rem}.gap-4{grid-gap:1rem;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;-webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.origin-bottom-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}.scale-90{--transform-scale-x:.9;--transform-scale-y:.9}.scale-95{--transform-scale-x:.95;--transform-scale-y:.95}.scale-100{--transform-scale-x:1;--transform-scale-y:1}.translate-x-0{--transform-translate-x:0}.translate-x-5{--transform-translate-x:1.25rem}.-translate-x-full{--transform-translate-x:-100%}.translate-y-0{--transform-translate-y:0}.translate-y-2{--transform-translate-y:0.5rem}.transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform}.transition-colors{-webkit-transition-property:background-color,border-color,color,fill,stroke;transition-property:background-color,border-color,color,fill,stroke}.transition-opacity{-webkit-transition-property:opacity;transition-property:opacity}.ease-linear{-webkit-transition-timing-function:linear;transition-timing-function:linear}.ease-in{-webkit-transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{-webkit-transition-duration:75ms;transition-duration:75ms}.duration-100{-webkit-transition-duration:.1s;transition-duration:.1s}.duration-150{-webkit-transition-duration:.15s;transition-duration:.15s}.duration-200{-webkit-transition-duration:.2s;transition-duration:.2s}.duration-300{-webkit-transition-duration:.3s;transition-duration:.3s}.required:after{content:" *";font-size:.75rem;vertical-align:top;color:#9b1c1c}@media (min-width:640px){.sm\:items-start{-webkit-box-align:start;align-items:flex-start}.sm\:justify-end{-webkit-box-pack:end;justify-content:flex-end}.sm\:leading-5{line-height:1.25rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-md{max-width:28rem}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-sm{font-size:.875rem}.sm\:w-full{width:100%}.sm\:translate-x-0{--transform-translate-x:0}.sm\:translate-x-2{--transform-translate-x:0.5rem}.sm\:translate-y-0{--transform-translate-y:0}}@media (min-width:1024px){.md\:flex{display:-webkit-box;display:flex}.md\:inline-flex{display:-webkit-inline-box;display:inline-flex}.md\:hidden{display:none}.md\:flex-shrink-0{flex-shrink:0}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:gap-3{grid-gap:.75rem;gap:.75rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-5{grid-column:span 5/span 5}}@media (min-width:1280px){.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-2xl{font-size:1.5rem}.lg\:gap-8{grid-gap:2rem;gap:2rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}} \ No newline at end of file diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 131010eaba..b5d255ceca 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/js/app.js": "/js/app.js?id=f4941a7bc57a4dca4d67", - "/css/app.css": "/css/app.css?id=bba1bcfffecd01143f63" + "/css/app.css": "/css/app.css?id=a88110952df6713aa32e" } diff --git a/resources/lang/en/admin.php b/resources/lang/en/admin.php index 3007eb2917..d261a1c90b 100644 --- a/resources/lang/en/admin.php +++ b/resources/lang/en/admin.php @@ -26,4 +26,6 @@ return [ 'updated_at' => 'Last updated', + 'remove' => 'Remove :item', + ]; diff --git a/resources/views/fields/file.blade.php b/resources/views/fields/file.blade.php index 571b4d8b24..08249fe7a3 100644 --- a/resources/views/fields/file.blade.php +++ b/resources/views/fields/file.blade.php @@ -32,14 +32,24 @@ @if ($this->form_data[$field->name])