From 94c19f9af576da85190c0638be750c7637312268 Mon Sep 17 00:00:00 2001 From: webplusm Date: Mon, 8 Apr 2024 09:43:32 -0400 Subject: [PATCH] fix css --- resources/dist/gallery-json-media.css | 2 +- resources/views/json-media/media.blade.php | 6 +++--- resources/views/table/gallery-column.blade.php | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/resources/dist/gallery-json-media.css b/resources/dist/gallery-json-media.css index 34c1218..6d815dd 100644 --- a/resources/dist/gallery-json-media.css +++ b/resources/dist/gallery-json-media.css @@ -1 +1 @@ -.z-\[3\]{z-index:3}.m-auto{margin:auto}.aspect-video{aspect-ratio:16/9}.h-24{height:6rem}.h-28{height:7rem}.h-auto{height:auto}.max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.w-24{width:6rem}.w-28{width:7rem}.cursor-not-allowed{cursor:not-allowed}.border-dashed{border-style:dashed}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.wm-json-media-dropzone.wm-dropzone,:is(.dark .wm-json-media-dropzone.wm-dropzone){--tw-border-opacity:1;border-color:rgba(var(--primary-600),var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(var(--primary-600),var(--tw-text-opacity))}.wm-btn{border-radius:9999px;border-width:1px;border-color:rgba(var(--gray-800),.4);padding:.25rem;color:rgba(var(--gray-800),.4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.wm-btn:hover{--tw-border-opacity:1;border-color:rgba(var(--gray-800),var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(var(--gray-800),var(--tw-text-opacity))}:is(.dark .wm-btn){border-radius:9999px;border-width:1px;border-color:rgba(var(--gray-300),.4);color:rgba(var(--gray-300),.4)}:is(.dark .wm-btn:hover){--tw-border-opacity:1;border-color:rgba(var(--gray-300),var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(var(--gray-300),var(--tw-text-opacity))}.gallery-file-upload-wrapper{--gallery-file-green:#2a2929,linear-gradient(127deg,#0f0c,#0f00 70.71%),linear-gradient(336deg,#017be6cc,#00f0 70.71%);--gallery-file-radiux-lg:1.5rem;--gallery-file-radiux-sm:0.5rem;--gallery-file-snap-x:proximity;--gallery-file-btn-delete-color:#ff1a1a;--gallery-file-btn-edit-color:#7ceb54;--wm-progress:0;display:flex;gap:1rem;margin-block-end:1rem;scroll-snap-type:x var(--gallery-file-snap-x);overflow:hidden;transition:all .2s ease-in-out}.gallery-file-upload-wrapper .image-file{scroll-snap-align:center;background:var(--gallery-file-green);width:300px;height:200px;position:relative;border-radius:var(--gallery-file-radiux-lg);overflow:hidden;display:flex;flex-shrink:0;align-items:stretch;font-size:11px;box-sizing:border-box;outline:1px solid #bebdbd75;outline-offset:-1px}.gallery-file-upload-wrapper .image-file .gallery-header{position:absolute;top:0;left:0;right:0;padding-inline:1.3rem;padding-block-start:.55rem;padding-block-end:2rem;display:flex;flex-direction:column;gap:.2rem;color:#fff;background-image:linear-gradient(#282828c7 45%,#1a1a1a00);transition:all .5s ease-in-out;pointer-events:none;z-index:1}.gallery-file-upload-wrapper .image-file .webplusm-finish-uploading{background:linear-gradient(#0c8d05e0 45%,#0c1d0c00)}.gallery-file-upload-wrapper .image-file .webplusm-error-uploading{background:linear-gradient(#9b042ce6 45%,#0c1d0c00)}.gallery-file-upload-wrapper .image-file .file-progress{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2rem;background:orange;width:var(--wm-progress)}.gallery-file-upload-wrapper .image-file .gallery-footer{position:absolute;bottom:0;left:0;right:0;display:flex;flex-shrink:0;flex-direction:row;align-items:stretch;place-content:space-between;color:#fff;pointer-events:none}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon{width:-moz-fit-content;width:fit-content;background-color:#1a1a1ab8;transition:all .2s ease-in-out;padding-inline:.53rem;z-index:1}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.reorder{border-top-right-radius:var(--gallery-file-radiux-lg);padding-inline:1.3rem;padding-block:.35rem;cursor:grab}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.reorder.grab-cursor{cursor:grab}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.reorder.grabbing-cursor{cursor:grabbing}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.edit{border-radius:var(--gallery-file-radiux-lg);padding-block:.53rem;margin-block-end:.2rem;--gallery-file-btn-edit-color:#55ce2a;color:var(--gallery-file-btn-edit-color)}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.edit:hover{--gallery-file-btn-edit-color:#55ce2a}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.edit:active{--gallery-file-btn-edit-color:#34a40a}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.delete{border-radius:var(--gallery-file-radiux-lg);padding-block:.53rem;margin-block-end:.2rem;color:var(--gallery-file-btn-delete-color);--gallery-file-btn-delete-color:#f9384c9e}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.delete:hover{--gallery-file-btn-delete-color:#f9384c}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.delete:active{--gallery-file-btn-delete-color:#e3031b}.gallery-file-upload-wrapper .image-file:hover .gallery-icon{background-color:#1a1a1ae3}.gallery-file-upload-wrapper .image-file:hover .gallery-icon.delete{--gallery-file-btn-delete-color:#f9384c}.gallery-file-upload-wrapper .image-file:hover .gallery-icon.edit{--gallery-file-btn-edit-color:#7ceb54}.hover\:border-primary-400:hover{--tw-border-opacity:1;border-color:rgba(var(--primary-400),var(--tw-border-opacity))}:is(.dark .dark\:border-gray-400\/50){border-color:rgba(var(--gray-400),.5)}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgba(var(--gray-800),var(--tw-bg-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-white\/80){color:#fffc}:is(.dark .dark\:hover\:border-primary-600:hover){--tw-border-opacity:1;border-color:rgba(var(--primary-600),var(--tw-border-opacity))} \ No newline at end of file +.z-\[3\]{z-index:3}.m-auto{margin:auto}.h-24{height:6rem}.h-28{height:7rem}.h-auto{height:auto}.max-h-fit{max-height:-moz-fit-content;max-height:fit-content}.w-24{width:6rem}.w-28{width:7rem}.cursor-not-allowed{cursor:not-allowed}.border-dashed{border-style:dashed}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.wm-json-media-dropzone.wm-dropzone,:is(.dark .wm-json-media-dropzone.wm-dropzone){--tw-border-opacity:1;border-color:rgba(var(--primary-600),var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(var(--primary-600),var(--tw-text-opacity))}.wm-btn{border-radius:9999px;border-width:1px;border-color:rgba(var(--gray-800),.4);padding:.25rem;color:rgba(var(--gray-800),.4);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.wm-btn:hover{--tw-border-opacity:1;border-color:rgba(var(--gray-800),var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(var(--gray-800),var(--tw-text-opacity))}:is(.dark .wm-btn){border-radius:9999px;border-width:1px;border-color:rgba(var(--gray-300),.4);color:rgba(var(--gray-300),.4)}:is(.dark .wm-btn:hover){--tw-border-opacity:1;border-color:rgba(var(--gray-300),var(--tw-border-opacity));--tw-text-opacity:1;color:rgba(var(--gray-300),var(--tw-text-opacity))}.gallery-file-upload-wrapper{--gallery-file-green:#2a2929,linear-gradient(127deg,#0f0c,#0f00 70.71%),linear-gradient(336deg,#017be6cc,#00f0 70.71%);--gallery-file-radiux-lg:1.5rem;--gallery-file-radiux-sm:0.5rem;--gallery-file-snap-x:proximity;--gallery-file-btn-delete-color:#ff1a1a;--gallery-file-btn-edit-color:#7ceb54;--wm-progress:0;display:flex;gap:1rem;margin-block-end:1rem;scroll-snap-type:x var(--gallery-file-snap-x);overflow:hidden;transition:all .2s ease-in-out}.gallery-file-upload-wrapper .image-file{scroll-snap-align:center;background:var(--gallery-file-green);width:300px;height:200px;position:relative;border-radius:var(--gallery-file-radiux-lg);overflow:hidden;display:flex;flex-shrink:0;align-items:stretch;font-size:11px;box-sizing:border-box;outline:1px solid #bebdbd75;outline-offset:-1px}.gallery-file-upload-wrapper .image-file .gallery-header{position:absolute;top:0;left:0;right:0;padding-inline:1.3rem;padding-block-start:.55rem;padding-block-end:2rem;display:flex;flex-direction:column;gap:.2rem;color:#fff;background-image:linear-gradient(#282828c7 45%,#1a1a1a00);transition:all .5s ease-in-out;pointer-events:none;z-index:1}.gallery-file-upload-wrapper .image-file .webplusm-finish-uploading{background:linear-gradient(#0c8d05e0 45%,#0c1d0c00)}.gallery-file-upload-wrapper .image-file .webplusm-error-uploading{background:linear-gradient(#9b042ce6 45%,#0c1d0c00)}.gallery-file-upload-wrapper .image-file .file-progress{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:2rem;background:orange;width:var(--wm-progress)}.gallery-file-upload-wrapper .image-file .gallery-footer{position:absolute;bottom:0;left:0;right:0;display:flex;flex-shrink:0;flex-direction:row;align-items:stretch;place-content:space-between;color:#fff;pointer-events:none}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon{width:-moz-fit-content;width:fit-content;background-color:#1a1a1ab8;transition:all .2s ease-in-out;padding-inline:.53rem;z-index:1}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.reorder{border-top-right-radius:var(--gallery-file-radiux-lg);padding-inline:1.3rem;padding-block:.35rem;cursor:grab}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.reorder.grab-cursor{cursor:grab}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.reorder.grabbing-cursor{cursor:grabbing}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.edit{border-radius:var(--gallery-file-radiux-lg);padding-block:.53rem;margin-block-end:.2rem;--gallery-file-btn-edit-color:#55ce2a;color:var(--gallery-file-btn-edit-color)}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.edit:hover{--gallery-file-btn-edit-color:#55ce2a}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.edit:active{--gallery-file-btn-edit-color:#34a40a}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.delete{border-radius:var(--gallery-file-radiux-lg);padding-block:.53rem;margin-block-end:.2rem;color:var(--gallery-file-btn-delete-color);--gallery-file-btn-delete-color:#f9384c9e}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.delete:hover{--gallery-file-btn-delete-color:#f9384c}.gallery-file-upload-wrapper .image-file .gallery-footer .gallery-icon.delete:active{--gallery-file-btn-delete-color:#e3031b}.gallery-file-upload-wrapper .image-file:hover .gallery-icon{background-color:#1a1a1ae3}.gallery-file-upload-wrapper .image-file:hover .gallery-icon.delete{--gallery-file-btn-delete-color:#f9384c}.gallery-file-upload-wrapper .image-file:hover .gallery-icon.edit{--gallery-file-btn-edit-color:#7ceb54}.hover\:border-primary-400:hover{--tw-border-opacity:1;border-color:rgba(var(--primary-400),var(--tw-border-opacity))}:is(.dark .dark\:border-gray-400\/50){border-color:rgba(var(--gray-400),.5)}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgba(var(--gray-800),var(--tw-bg-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-white\/80){color:#fffc}:is(.dark .dark\:hover\:border-primary-600:hover){--tw-border-opacity:1;border-color:rgba(var(--primary-600),var(--tw-border-opacity))} \ No newline at end of file diff --git a/resources/views/json-media/media.blade.php b/resources/views/json-media/media.blade.php index 4258383..e0a2dbe 100644 --- a/resources/views/json-media/media.blade.php +++ b/resources/views/json-media/media.blade.php @@ -1,6 +1,6 @@ -
-
- +
+ {{ $media->getCustomProperty('alt') }} @if(($record))