nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 08:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
469e0883d984c9f70e07b0366eb1cb9154af41dc
vuefilemanager/public/chunks/app-appearance.js
Peter Papp 469e0883d9 frontend build
2021-04-11 10:49:14 +02:00

1 line
33 KiB
JavaScript
Vendored
Raw Blame History

(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{"+Pqb":function(e,a,t){"use strict";var n={name:"ProgressBar",props:["progress"]},o=(t("8L2t"),t("KHd+")),i=Object(o.a)(n,(function(){var e=this.$createElement,a=this._self._c||e;return a("div",{staticClass:"progress-bar"},[a("span",{staticClass:"bg-theme",style:{width:this.progress+"%"}})])}),[],!1,null,"6ec2be7a",null);a.a=i.exports},"+v8A":function(e,a,t){var n=t("hw5j");"string"==typeof n&&(n=[[e.i,n,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(n,o);n.locals&&(e.exports=n.locals)},"1XC+":function(e,a,t){"use strict";t.r(a);var n=t("A5+z"),o=t("xnZf"),i=t("gahf"),r=t("4TWA"),s=t("D+dh"),d=t("eZ9V"),p=t("Nv84"),l=t("13Td"),c=t("qefO"),v=t("KnjL"),u=t("TJPC"),m=t("vDqi"),g=t.n(m),f={name:"AppAppearance",components:{ValidationObserver:n.ValidationObserver,ValidationProvider:n.ValidationProvider,StorageItemDetail:o.a,PageTabGroup:i.a,SelectInput:r.a,ImageInput:s.a,ButtonBase:p.a,FormLabel:d.a,SetupBox:l.a,required:u.a,PageTab:c.a,InfoBox:v.a},data:function(){return{isLoading:!0,app:void 0}},mounted:function(){var e=this;g.a.get("/api/admin/settings",{params:{column:"app_title|app_description|app_logo|app_favicon|app_logo_horizontal|app_color|app_og_image|app_touch_icon"}}).then((function(a){e.app={logo_horizontal:a.data.app_logo_horizontal,description:a.data.app_description,favicon:a.data.app_favicon,title:a.data.app_title,color:a.data.app_color,logo:a.data.app_logo,og_image:a.data.app_og_image,touch_icon:a.data.app_touch_icon}})).finally((function(){e.isLoading=!1}))}},b=(t("D2KO"),t("KHd+")),h=Object(b.a)(f,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("PageTab",{staticClass:"form-fixed-width",attrs:{"is-loading":e.isLoading}},[e.app?t("PageTabGroup",[t("div",{staticClass:"form block-form"},[t("FormLabel",[e._v(e._s(e.$t("admin_settings.appearance.section_general")))]),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.title"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Title",rules:"required"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("input",{directives:[{name:"model",rawName:"v-model",value:e.app.title,expression:"app.title"}],staticClass:"focus-border-theme",class:{"is-error":n[0]},attrs:{placeholder:e.$t("admin_settings.appearance.title_plac"),type:"text"},domProps:{value:e.app.title},on:{input:[function(a){a.target.composing||e.$set(e.app,"title",a.target.value)},function(a){return e.$updateText("/admin/settings","app_title",e.app.title)}]}}),e._v(" "),n[0]?t("span",{staticClass:"error-message"},[e._v(e._s(n[0]))]):e._e()]}}],null,!1,1189024011)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.description"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Description",rules:"required"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("input",{directives:[{name:"model",rawName:"v-model",value:e.app.description,expression:"app.description"}],staticClass:"focus-border-theme",class:{"is-error":n[0]},attrs:{placeholder:e.$t("admin_settings.appearance.description_plac"),type:"text"},domProps:{value:e.app.description},on:{input:[function(a){a.target.composing||e.$set(e.app,"description",a.target.value)},function(a){return e.$updateText("/admin/settings","app_description",e.app.description)}]}}),e._v(" "),n[0]?t("span",{staticClass:"error-message"},[e._v(e._s(n[0]))]):e._e()]}}],null,!1,735436589)})],1),e._v(" "),t("FormLabel",{staticClass:"mt-70"},[e._v(e._s(e.$t("admin_settings.appearance.section_appearance")))]),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Title",rules:"required"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("div",{staticClass:"inline-wrapper"},[t("div",{staticClass:"switch-label"},[t("label",{staticClass:"input-label"},[e._v(e._s(e.$t("color_theme"))+":")]),e._v(" "),t("small",{staticClass:"input-help"},[e._v(e._s(e.$t("color_theme_description")))]),e._v(" "),n[0]?t("span",{staticClass:"error-message"},[e._v(e._s(n[0]))]):e._e()]),e._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:e.app.color,expression:"app.color"}],staticClass:"focus-border-theme",class:{"is-error":n[0]},attrs:{placeholder:e.$t("admin_settings.appearance.title_plac"),type:"color"},domProps:{value:e.app.color},on:{input:[function(a){a.target.composing||e.$set(e.app,"color",a.target.value)},function(a){return e.$updateText("/admin/settings","app_color",e.app.color)}]}})])]}}],null,!1,970686563)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.logo"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Logo"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.logo),error:n[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_logo",e.app.logo)}},model:{value:e.app.logo,callback:function(a){e.$set(e.app,"logo",a)},expression:"app.logo"}})]}}],null,!1,1322801077)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.logo_horizontal"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Logo Horizontal"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.logo_horizontal),error:n[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_logo_horizontal",e.app.logo_horizontal)}},model:{value:e.app.logo_horizontal,callback:function(a){e.$set(e.app,"logo_horizontal",a)},expression:"app.logo_horizontal"}})]}}],null,!1,1123020821)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.favicon"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Favicon"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.favicon),error:n[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_favicon",e.app.favicon)}},model:{value:e.app.favicon,callback:function(a){e.$set(e.app,"favicon",a)},expression:"app.favicon"}})]}}],null,!1,906519509)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("og_image"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Favicon"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.og_image),error:n[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_og_image",e.app.og_image)}},model:{value:e.app.og_image,callback:function(a){e.$set(e.app,"og_image",a)},expression:"app.og_image"}}),e._v(" "),t("small",{staticClass:"input-help"},[e._v(e._s(e.$t("og_image_description")))])]}}],null,!1,1631227684)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("app_touch_icon"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Favicon"},scopedSlots:e._u([{key:"default",fn:function(a){var n=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.touch_icon),error:n[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_touch_icon",e.app.touch_icon)}},model:{value:e.app.touch_icon,callback:function(a){e.$set(e.app,"touch_icon",a)},expression:"app.touch_icon"}}),e._v(" "),t("small",{staticClass:"input-help"},[e._v(e._s(e.$t("app_touch_icon_description")))])]}}],null,!1,1682563195)})],1)],1)]):e._e()],1)}),[],!1,null,"42fa468e",null);a.default=h.exports},"2jUW":function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".dropzone[data-v-5d141a68] {\n border: 1px dashed #a1abc2;\n border-radius: 8px;\n position: relative;\n text-align: center;\n display: flex;\n align-items: center;\n min-height: 175px;\n}\n.dropzone.is-error[data-v-5d141a68] {\n border: 2px dashed rgba(253, 57, 122, 0.3);\n}\n.dropzone.is-error .dropzone-title[data-v-5d141a68] {\n color: #fd397a;\n}\n.dropzone.is-error .icon-upload rect[data-v-5d141a68], .dropzone.is-error .icon-upload circle[data-v-5d141a68], .dropzone.is-error .icon-upload polyline[data-v-5d141a68] {\n stroke: #fd397a;\n}\n.dropzone input[type='file'][data-v-5d141a68] {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n width: 100%;\n cursor: pointer;\n}\n.dropzone .image-preview[data-v-5d141a68] {\n position: absolute;\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n left: 0;\n padding: 25px;\n display: block;\n}\n.dropzone .image-preview.fit-image[data-v-5d141a68] {\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 12px;\n overflow: hidden;\n}\n.dropzone .dropzone-message[data-v-5d141a68] {\n padding: 50px 0;\n width: 100%;\n}\n.dropzone .dropzone-message .icon-upload rect[data-v-5d141a68], .dropzone .dropzone-message .icon-upload circle[data-v-5d141a68], .dropzone .dropzone-message .icon-upload polyline[data-v-5d141a68] {\n color: inherit;\n}\n.dropzone .dropzone-message .dropzone-title[data-v-5d141a68] {\n font-size: 1em;\n font-weight: 700;\n display: block;\n}\n.dropzone .dropzone-message .dropzone-description[data-v-5d141a68] {\n color: rgba(27, 37, 57, 0.7);\n font-size: 0.75em;\n}\n.dropzone .reset-image[data-v-5d141a68] {\n z-index: 2;\n background: white;\n border-radius: 50px;\n display: block;\n position: absolute;\n right: 0;\n top: 0;\n cursor: pointer;\n transform: translateY(-50%) translateX(50%);\n padding: 0px 4px;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n}\n.dropzone .reset-image .close-icon[data-v-5d141a68] {\n vertical-align: middle;\n}\n.dropzone .reset-image .close-icon line path[data-v-5d141a68] {\n fill: #1B2539;\n}\n@media (prefers-color-scheme: dark) {\n.dropzone[data-v-5d141a68] {\n border-color: rgba(255, 255, 255, 0.2);\n}\n.dropzone .dropzone-message .icon-upload path[data-v-5d141a68], .dropzone .dropzone-message .icon-upload polyline[data-v-5d141a68], .dropzone .dropzone-message .icon-upload line[data-v-5d141a68] {\n color: inherit;\n}\n.dropzone .dropzone-message .dropzone-description[data-v-5d141a68] {\n color: #7d858c;\n}\n}\n",""])},"3GDE":function(e,a,t){var n=t("UqlB");"string"==typeof n&&(n=[[e.i,n,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(n,o);n.locals&&(e.exports=n.locals)},"4TWA":function(e,a,t){"use strict";var n=t("CjXH"),o={name:"SelectInput",props:["options","isError","default","placeholder"],components:{Edit2Icon:n.r,UserIcon:n.eb,ChevronDownIcon:n.f},data:function(){return{selected:void 0,isOpen:!1}},methods:{selectOption:function(e){this.$emit("input",e.value),this.selected=e,this.isOpen=!1},openMenu:function(){this.isOpen=!this.isOpen}},created:function(){var e=this;this.default&&(this.selected=this.options.find((function(a){return a.value===e.default})))}},i=(t("F+Qg"),t("KHd+")),r=Object(i.a)(o,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"select"},[t("div",{staticClass:"input-area",class:{"is-active":e.isOpen,"is-error":e.isError},on:{click:e.openMenu}},[e.selected?t("div",{staticClass:"selected"},[e.selected.icon?t("div",{staticClass:"option-icon"},["user"===e.selected.icon?t("user-icon",{attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===e.selected.icon?t("edit2-icon",{attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),t("span",{staticClass:"option-value"},[e._v(e._s(e.selected.label))])]):e._e(),e._v(" "),e.selected?e._e():t("div",{staticClass:"not-selected"},[t("span",{staticClass:"option-value placehoder"},[e._v(e._s(e.placeholder))])]),e._v(" "),t("chevron-down-icon",{staticClass:"chevron",attrs:{size:"19"}})],1),e._v(" "),t("transition",{attrs:{name:"slide-in"}},[e.isOpen?t("ul",{staticClass:"input-options"},e._l(e.options,(function(a,n){return t("li",{key:n,staticClass:"option-item",on:{click:function(t){return e.selectOption(a)}}},[a.icon?t("div",{staticClass:"option-icon"},["user"===a.icon?t("user-icon",{attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===a.icon?t("edit2-icon",{attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),t("span",{staticClass:"option-value"},[e._v(e._s(a.label))])])})),0):e._e()])],1)}),[],!1,null,"14b1d6a3",null);a.a=r.exports},"8L2t":function(e,a,t){"use strict";var n=t("YQqd");t.n(n).a},BelR:function(e,a,t){var n=t("2jUW");"string"==typeof n&&(n=[[e.i,n,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(n,o);n.locals&&(e.exports=n.locals)},"D+dh":function(e,a,t){"use strict";var n=t("CjXH"),o={name:"ImageInput",props:["image","error"],components:{ImageIcon:n.D,XIcon:n.ib},data:function(){return{imagePreview:void 0}},computed:{isData:function(){return void 0!==this.imagePreview&&""!==this.imagePreview}},methods:{resetImage:function(){this.imagePreview=void 0,this.$emit("input",void 0)},showImagePreview:function(e){var a=this,t=e.target.files[0].name,n=t.substring(t.lastIndexOf(".")+1).toLowerCase();if(["png","jpg","jpeg","svg"].includes(n)){var o=e.target.files[0],i=new FileReader;i.onload=function(){return a.imagePreview=i.result},i.readAsDataURL(o),this.$emit("input",e.target.files[0])}else alert(this.$t("validation_errors.wrong_image"))}},created:function(){this.image&&(this.imagePreview=this.image)}},i=(t("Obrk"),t("KHd+")),r=Object(i.a)(o,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"dropzone",class:{"is-error":e.error}},[e.imagePreview?t("div",{staticClass:"reset-image",on:{click:e.resetImage}},[t("x-icon",{staticClass:"close-icon text-theme",attrs:{size:"14"}})],1):e._e(),e._v(" "),t("input",{ref:"file",staticClass:"dummy",attrs:{type:"file"},on:{change:function(a){return e.showImagePreview(a)}}}),e._v(" "),e.imagePreview?t("img",{ref:"image",staticClass:"image-preview",attrs:{src:e.imagePreview}}):e._e(),e._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:!e.isData,expression:"! isData"}],staticClass:"dropzone-message"},[t("image-icon",{staticClass:"icon-upload text-theme",attrs:{size:"28"}}),e._v(" "),t("span",{staticClass:"dropzone-title"},[e._v("\n "+e._s(e.$t("input_image.title"))+"\n ")]),e._v(" "),t("span",{staticClass:"dropzone-description"},[e._v("\n "+e._s(e.$t("input_image.supported"))+"\n ")])],1)])}),[],!1,null,"5d141a68",null);a.a=r.exports},D2KO:function(e,a,t){"use strict";var n=t("gDwz");t.n(n).a},"F+Qg":function(e,a,t){"use strict";var n=t("3GDE");t.n(n).a},Obrk:function(e,a,t){"use strict";var n=t("BelR");t.n(n).a},UqlB:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".select[data-v-14b1d6a3] {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100%;\n}\n.input-options[data-v-14b1d6a3] {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);\n background: white;\n border-radius: 8px;\n position: absolute;\n overflow: hidden;\n top: 65px;\n left: 0;\n right: 0;\n z-index: 9;\n max-height: 295px;\n overflow-y: auto;\n}\n.input-options .option-item[data-v-14b1d6a3] {\n padding: 13px 20px;\n display: block;\n cursor: pointer;\n}\n.input-options .option-item[data-v-14b1d6a3]:hover {\n color: #00BC7E;\n background: #f4f5f6;\n}\n.input-options .option-item[data-v-14b1d6a3]:last-child {\n border-bottom: none;\n}\n.input-area[data-v-14b1d6a3] {\n border-width: 1px;\n border-style: solid;\n border-color: transparent;\n justify-content: space-between;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n transition: 150ms all ease;\n align-items: center;\n border-radius: 8px;\n padding: 13px 20px;\n display: flex;\n outline: 0;\n width: 100%;\n cursor: pointer;\n}\n.input-area .chevron[data-v-14b1d6a3] {\n transition: 150ms all ease;\n}\n.input-area.is-active .chevron[data-v-14b1d6a3] {\n transform: rotate(180deg);\n}\n.input-area.is-error[data-v-14b1d6a3] {\n border-color: #fd397a;\n box-shadow: 0 0 7px rgba(253, 57, 122, 0.3);\n}\n.option-icon[data-v-14b1d6a3] {\n width: 20px;\n display: inline-block;\n font-size: 0.625em;\n}\n.option-icon svg[data-v-14b1d6a3] {\n margin-top: -4px;\n vertical-align: middle;\n}\n.option-value[data-v-14b1d6a3] {\n font-size: 0.875em;\n font-weight: 700;\n width: 100%;\n vertical-align: middle;\n}\n.option-value.placehoder[data-v-14b1d6a3] {\n color: rgba(27, 37, 57, 0.5);\n}\n.slide-in-enter-active[data-v-14b1d6a3] {\n transition: all 150ms ease;\n}\n.slide-in-enter[data-v-14b1d6a3] {\n opacity: 0;\n transform: translateY(-50px);\n}\n@media (prefers-color-scheme: dark) {\n.input-area[data-v-14b1d6a3] {\n background: #1e2024;\n border-color: #1e2024;\n}\n.popup-wrapper .input-area[data-v-14b1d6a3] {\n background: #25272c;\n}\n.input-options[data-v-14b1d6a3] {\n background: #1e2024;\n}\n.input-options .option-item[data-v-14b1d6a3] {\n border-bottom: none;\n}\n.input-options .option-item[data-v-14b1d6a3]:hover {\n background: #2a2c32;\n}\n.input-options .option-item:hover .option-icon path[data-v-14b1d6a3], .input-options .option-item:hover .option-icon circle[data-v-14b1d6a3] {\n color: inherit;\n}\n.input-options .option-item[data-v-14b1d6a3]:last-child {\n border-bottom: none;\n}\n.option-value.placehoder[data-v-14b1d6a3] {\n color: #7d858c;\n}\n}\n",""])},YQVo:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,'.form[data-v-42fa468e] {\n max-width: 700px;\n}\n.form.inline-form[data-v-42fa468e] {\n display: flex;\n position: relative;\n justify-content: center;\n margin: 0 auto;\n}\n.form.inline-form .input-wrapper[data-v-42fa468e] {\n position: relative;\n}\n.form.inline-form .input-wrapper .error-message[data-v-42fa468e] {\n position: absolute;\n left: 0;\n bottom: -25px;\n}\n.form.block-form .wrapper-inline[data-v-42fa468e] {\n display: flex;\n margin: 0 -15px;\n}\n.form.block-form .wrapper-inline .block-wrapper[data-v-42fa468e] {\n width: 100%;\n padding: 0 15px;\n}\n.form.block-form .block-wrapper[data-v-42fa468e] {\n margin-bottom: 32px;\n}\n.form.block-form .block-wrapper label[data-v-42fa468e] {\n font-size: 0.875em;\n color: rgba(27, 37, 57, 0.8);\n font-weight: 700;\n display: block;\n margin-bottom: 7px;\n text-align: left;\n}\n.form.block-form .block-wrapper[data-v-42fa468e]:last-child {\n margin-bottom: 0;\n}\n.form.block-form .button[data-v-42fa468e] {\n margin-top: 50px;\n}\n.form .inline-wrapper[data-v-42fa468e] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.form .inline-wrapper .switch-label .input-help[data-v-42fa468e] {\n padding-top: 0;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-42fa468e] {\n font-weight: 700;\n color: #1B2539;\n font-size: 1em;\n margin-bottom: 5px;\n}\n.form .input-help[data-v-42fa468e] {\n font-size: 0.75em;\n color: rgba(27, 37, 57, 0.7);\n line-height: 1.35;\n padding-top: 10px;\n display: block;\n}\n.single-line-form[data-v-42fa468e] {\n display: flex;\n}\n.single-line-form .submit-button[data-v-42fa468e] {\n margin-left: 20px;\n}\n.error-message[data-v-42fa468e] {\n font-size: 0.875em;\n color: #fd397a;\n padding-top: 5px;\n display: block;\n text-align: left;\n}\ntextarea[data-v-42fa468e] {\n width: 100%;\n}\ninput[type="color"][data-v-42fa468e] {\n width: 38px;\n height: 40px;\n border: none;\n outline: none;\n background: none;\n}\ntextarea[data-v-42fa468e],\ninput[type="password"][data-v-42fa468e],\ninput[type="text"][data-v-42fa468e],\ninput[type="number"][data-v-42fa468e],\ninput[type="email"][data-v-42fa468e] {\n border: 1px solid transparent;\n transition: 150ms all ease;\n font-size: 1em;\n border-radius: 8px;\n padding: 13px 20px;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n font-weight: 700;\n outline: 0;\n width: 100%;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n}\ntextarea.is-error[data-v-42fa468e],\ninput[type="password"].is-error[data-v-42fa468e],\ninput[type="text"].is-error[data-v-42fa468e],\ninput[type="number"].is-error[data-v-42fa468e],\ninput[type="email"].is-error[data-v-42fa468e] {\n border-color: #fd397a;\n}\ntextarea[data-v-42fa468e]::-webkit-input-placeholder, input[type="password"][data-v-42fa468e]::-webkit-input-placeholder, input[type="text"][data-v-42fa468e]::-webkit-input-placeholder, input[type="number"][data-v-42fa468e]::-webkit-input-placeholder, input[type="email"][data-v-42fa468e]::-webkit-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-42fa468e]::-moz-placeholder, input[type="password"][data-v-42fa468e]::-moz-placeholder, input[type="text"][data-v-42fa468e]::-moz-placeholder, input[type="number"][data-v-42fa468e]::-moz-placeholder, input[type="email"][data-v-42fa468e]::-moz-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-42fa468e]:-ms-input-placeholder, input[type="password"][data-v-42fa468e]:-ms-input-placeholder, input[type="text"][data-v-42fa468e]:-ms-input-placeholder, input[type="number"][data-v-42fa468e]:-ms-input-placeholder, input[type="email"][data-v-42fa468e]:-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-42fa468e]::-ms-input-placeholder, input[type="password"][data-v-42fa468e]::-ms-input-placeholder, input[type="text"][data-v-42fa468e]::-ms-input-placeholder, input[type="number"][data-v-42fa468e]::-ms-input-placeholder, input[type="email"][data-v-42fa468e]::-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-42fa468e]::placeholder,\ninput[type="password"][data-v-42fa468e]::placeholder,\ninput[type="text"][data-v-42fa468e]::placeholder,\ninput[type="number"][data-v-42fa468e]::placeholder,\ninput[type="email"][data-v-42fa468e]::placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[disabled][data-v-42fa468e],\ninput[type="password"][disabled][data-v-42fa468e],\ninput[type="text"][disabled][data-v-42fa468e],\ninput[type="number"][disabled][data-v-42fa468e],\ninput[type="email"][disabled][data-v-42fa468e] {\n background: white;\n color: rgba(27, 37, 57, 0.8);\n -webkit-text-fill-color: rgba(27, 37, 57, 0.8);\n opacity: 1;\n cursor: not-allowed;\n}\n.additional-link[data-v-42fa468e] {\n font-size: 1em;\n margin-top: 50px;\n display: block;\n}\n.additional-link b[data-v-42fa468e], .additional-link a[data-v-42fa468e] {\n cursor: pointer;\n}\n.additional-link b[data-v-42fa468e]:hover, .additional-link a[data-v-42fa468e]:hover {\n text-decoration: underline;\n}\n@media only screen and (max-width: 1024px) {\n.form[data-v-42fa468e] {\n max-width: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.form .button[data-v-42fa468e] {\n margin-top: 20px;\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n.form input[data-v-42fa468e], .form textarea[data-v-42fa468e] {\n width: 100%;\n min-width: 100%;\n}\n.form.block-form .block-wrapper[data-v-42fa468e] {\n display: block;\n}\n.form.block-form .block-wrapper label[data-v-42fa468e] {\n width: 100%;\n padding-right: 0;\n display: block;\n margin-bottom: 7px;\n text-align: left !important;\n font-size: 0.875em;\n padding-top: 0;\n}\n.form.block-form .button[data-v-42fa468e] {\n margin-top: 25px;\n margin-left: 0;\n margin-right: 0;\n}\n.form.inline-form[data-v-42fa468e] {\n display: block;\n}\n.form.inline-form .input-wrapper .error-message[data-v-42fa468e] {\n position: relative;\n bottom: 0;\n}\n.form .button[data-v-42fa468e] {\n padding: 14px 32px;\n}\n.single-line-form[data-v-42fa468e] {\n display: block;\n}\n.single-line-form .submit-button[data-v-42fa468e] {\n margin-left: 0;\n margin-top: 20px;\n width: 100%;\n}\ntextarea[data-v-42fa468e],\n input[type="password"][data-v-42fa468e],\n input[type="number"][data-v-42fa468e],\n input[type="text"][data-v-42fa468e],\n input[type="email"][data-v-42fa468e] {\n padding: 14px 20px;\n}\n}\n@media only screen and (max-width: 690px) {\n.form.block-form .wrapper-inline[data-v-42fa468e] {\n display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.form .input-help[data-v-42fa468e] {\n color: #7d858c;\n}\n.form.block-form .block-wrapper label[data-v-42fa468e] {\n color: #bec6cf;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-42fa468e] {\n color: #bec6cf;\n}\ntextarea[data-v-42fa468e],\n input[type="password"][data-v-42fa468e],\n input[type="text"][data-v-42fa468e],\n input[type="number"][data-v-42fa468e],\n input[type="email"][data-v-42fa468e] {\n border-color: #1e2024;\n background: #1e2024;\n color: #bec6cf;\n}\ntextarea[data-v-42fa468e]::-webkit-input-placeholder, input[type="password"][data-v-42fa468e]::-webkit-input-placeholder, input[type="text"][data-v-42fa468e]::-webkit-input-placeholder, input[type="number"][data-v-42fa468e]::-webkit-input-placeholder, input[type="email"][data-v-42fa468e]::-webkit-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-42fa468e]::-moz-placeholder, input[type="password"][data-v-42fa468e]::-moz-placeholder, input[type="text"][data-v-42fa468e]::-moz-placeholder, input[type="number"][data-v-42fa468e]::-moz-placeholder, input[type="email"][data-v-42fa468e]::-moz-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-42fa468e]:-ms-input-placeholder, input[type="password"][data-v-42fa468e]:-ms-input-placeholder, input[type="text"][data-v-42fa468e]:-ms-input-placeholder, input[type="number"][data-v-42fa468e]:-ms-input-placeholder, input[type="email"][data-v-42fa468e]:-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-42fa468e]::-ms-input-placeholder, input[type="password"][data-v-42fa468e]::-ms-input-placeholder, input[type="text"][data-v-42fa468e]::-ms-input-placeholder, input[type="number"][data-v-42fa468e]::-ms-input-placeholder, input[type="email"][data-v-42fa468e]::-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-42fa468e]::placeholder,\n input[type="password"][data-v-42fa468e]::placeholder,\n input[type="text"][data-v-42fa468e]::placeholder,\n input[type="number"][data-v-42fa468e]::placeholder,\n input[type="email"][data-v-42fa468e]::placeholder {\n color: #7d858c;\n}\ntextarea[disabled][data-v-42fa468e],\n input[type="password"][disabled][data-v-42fa468e],\n input[type="text"][disabled][data-v-42fa468e],\n input[type="number"][disabled][data-v-42fa468e],\n input[type="email"][disabled][data-v-42fa468e] {\n background: #1e2024;\n color: rgba(125, 133, 140, 0.8);\n -webkit-text-fill-color: rgba(125, 133, 140, 0.8);\n}\n.popup-wrapper textarea[data-v-42fa468e],\n .popup-wrapper input[type="password"][data-v-42fa468e],\n .popup-wrapper input[type="text"][data-v-42fa468e],\n .popup-wrapper input[type="number"][data-v-42fa468e],\n .popup-wrapper input[type="email"][data-v-42fa468e] {\n background: #25272c;\n}\n}\n.block-form[data-v-42fa468e] {\n max-width: 100%;\n}\n',""])},YQqd:function(e,a,t){var n=t("gvpH");"string"==typeof n&&(n=[[e.i,n,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(n,o);n.locals&&(e.exports=n.locals)},gDwz:function(e,a,t){var n=t("YQVo");"string"==typeof n&&(n=[[e.i,n,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(n,o);n.locals&&(e.exports=n.locals)},gvpH:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".progress-bar[data-v-6ec2be7a] {\n width: 100%;\n height: 5px;\n background: #f4f5f6;\n margin-top: 6px;\n border-radius: 10px;\n}\n.progress-bar span[data-v-6ec2be7a] {\n display: block;\n height: 100%;\n border-radius: 10px;\n max-width: 100%;\n}\n@media (prefers-color-scheme: dark) {\n.progress-bar[data-v-6ec2be7a] {\n background: #1e2024;\n}\n}\n@media only screen and (min-width: 680px) and (prefers-color-scheme: dark) {\n.progress-bar[data-v-6ec2be7a] {\n background: #1e2024;\n}\n}\n",""])},hw5j:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".detail-storage-item[data-v-d9e0536e] {\n margin-bottom: 35px;\n}\n.detail-storage-item.disk .icon path[data-v-d9e0536e], .detail-storage-item.disk .icon line[data-v-d9e0536e], .detail-storage-item.disk .icon polyline[data-v-d9e0536e], .detail-storage-item.disk .icon rect[data-v-d9e0536e], .detail-storage-item.disk .icon circle[data-v-d9e0536e], .detail-storage-item.disk .icon polygon[data-v-d9e0536e] {\n stroke: #1B2539;\n}\n.detail-storage-item.disk .storage-progress[data-v-d9e0536e] span {\n background: #1B2539;\n}\n.detail-storage-item.images .icon path[data-v-d9e0536e], .detail-storage-item.images .icon line[data-v-d9e0536e], .detail-storage-item.images .icon polyline[data-v-d9e0536e], .detail-storage-item.images .icon rect[data-v-d9e0536e], .detail-storage-item.images .icon circle[data-v-d9e0536e], .detail-storage-item.images .icon polygon[data-v-d9e0536e] {\n stroke: #9D66FE;\n}\n.detail-storage-item.images .storage-progress[data-v-d9e0536e] span {\n background: #9D66FE;\n}\n.detail-storage-item.videos .icon path[data-v-d9e0536e], .detail-storage-item.videos .icon line[data-v-d9e0536e], .detail-storage-item.videos .icon polyline[data-v-d9e0536e], .detail-storage-item.videos .icon rect[data-v-d9e0536e], .detail-storage-item.videos .icon circle[data-v-d9e0536e], .detail-storage-item.videos .icon polygon[data-v-d9e0536e] {\n stroke: #FFBD2D;\n}\n.detail-storage-item.videos .storage-progress[data-v-d9e0536e] span {\n background: #FFBD2D;\n}\n.detail-storage-item.audios .icon path[data-v-d9e0536e], .detail-storage-item.audios .icon line[data-v-d9e0536e], .detail-storage-item.audios .icon polyline[data-v-d9e0536e], .detail-storage-item.audios .icon rect[data-v-d9e0536e], .detail-storage-item.audios .icon circle[data-v-d9e0536e], .detail-storage-item.audios .icon polygon[data-v-d9e0536e] {\n stroke: #FE66A1;\n}\n.detail-storage-item.audios .storage-progress[data-v-d9e0536e] span {\n background: #FE66A1;\n}\n.detail-storage-item.documents .icon path[data-v-d9e0536e], .detail-storage-item.documents .icon line[data-v-d9e0536e], .detail-storage-item.documents .icon polyline[data-v-d9e0536e], .detail-storage-item.documents .icon rect[data-v-d9e0536e], .detail-storage-item.documents .icon circle[data-v-d9e0536e], .detail-storage-item.documents .icon polygon[data-v-d9e0536e] {\n stroke: #FE6057;\n}\n.detail-storage-item.documents .storage-progress[data-v-d9e0536e] span {\n background: #FE6057;\n}\n.detail-storage-item.others .icon path[data-v-d9e0536e], .detail-storage-item.others .icon line[data-v-d9e0536e], .detail-storage-item.others .icon polyline[data-v-d9e0536e], .detail-storage-item.others .icon rect[data-v-d9e0536e], .detail-storage-item.others .icon circle[data-v-d9e0536e], .detail-storage-item.others .icon polygon[data-v-d9e0536e] {\n stroke: #1B2539;\n}\n.detail-storage-item.others .storage-progress[data-v-d9e0536e] span {\n background: #1B2539;\n}\n.header-storage-item[data-v-d9e0536e] {\n display: flex;\n align-items: flex-start;\n margin-bottom: 10px;\n}\n.header-storage-item .icon[data-v-d9e0536e] {\n width: 35px;\n}\n.header-storage-item .type[data-v-d9e0536e] {\n font-size: 0.9375em;\n color: #1B2539;\n}\n.header-storage-item .total-size[data-v-d9e0536e] {\n font-size: 0.625em;\n display: block;\n color: rgba(27, 37, 57, 0.7);\n}\n@media (prefers-color-scheme: dark) {\n.header-storage-item .type[data-v-d9e0536e] {\n color: #bec6cf;\n}\n.header-storage-item .total-size[data-v-d9e0536e] {\n color: #7d858c;\n}\n.detail-storage-item.others .icon path[data-v-d9e0536e], .detail-storage-item.others .icon line[data-v-d9e0536e], .detail-storage-item.others .icon polyline[data-v-d9e0536e], .detail-storage-item.others .icon rect[data-v-d9e0536e], .detail-storage-item.others .icon circle[data-v-d9e0536e], .detail-storage-item.others .icon polygon[data-v-d9e0536e], .detail-storage-item.disk .icon path[data-v-d9e0536e], .detail-storage-item.disk .icon line[data-v-d9e0536e], .detail-storage-item.disk .icon polyline[data-v-d9e0536e], .detail-storage-item.disk .icon rect[data-v-d9e0536e], .detail-storage-item.disk .icon circle[data-v-d9e0536e], .detail-storage-item.disk .icon polygon[data-v-d9e0536e] {\n stroke: #41454e;\n}\n.detail-storage-item.others .storage-progress[data-v-d9e0536e] span, .detail-storage-item.disk .storage-progress[data-v-d9e0536e] span {\n background: #41454e;\n}\n}\n",""])},jCWY:function(e,a,t){"use strict";var n=t("+v8A");t.n(n).a},xnZf:function(e,a,t){"use strict";var n=t("+Pqb"),o=t("CjXH"),i={name:"StorageItemDetail",props:["percentage","title","type","used"],components:{HardDriveIcon:o.B,FileTextIcon:o.w,ProgressBar:n.a,MusicIcon:o.O,VideoIcon:o.hb,ImageIcon:o.D,FileIcon:o.v}},r=(t("jCWY"),t("KHd+")),s=Object(r.a)(i,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("article",{staticClass:"detail-storage-item",class:e.type},[t("div",{staticClass:"header-storage-item"},[t("div",{staticClass:"icon"},["images"==e.type?t("image-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"videos"==e.type?t("video-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"audios"==e.type?t("music-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"documents"==e.type?t("file-text-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"others"==e.type?t("file-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"disk"==e.type?t("hard-drive-icon",{attrs:{size:"23"}}):e._e()],1),e._v(" "),t("div",{staticClass:"title"},[t("b",{staticClass:"type"},[e._v(e._s(e.title))]),e._v(" "),t("span",{staticClass:"total-size"},[e._v(e._s(e.used))])])]),e._v(" "),t("ProgressBar",{staticClass:"storage-progress",attrs:{progress:e.percentage}})],1)}),[],!1,null,"d9e0536e",null);a.a=s.exports}}]);
Reference in New Issue View Git Blame Copy Permalink