UserAvatar-1c743bd0.css 6.2 KB

123456789
  1. /*!
  2. * Cropper.js v1.6.1
  3. * https://fengyuanchen.github.io/cropperjs
  4. *
  5. * Copyright 2015-present Chen Fengyuan
  6. * Released under the MIT license
  7. *
  8. * Date: 2023-09-17T03:44:17.565Z
  9. */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.v-cropper-image--circled .cropper-view-box,.v-cropper-image--circled .cropper-face{border-radius:50%}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.v-cropper-am{display:flex}.v-cropper-am-left,.v-cropper-am-right{height:340px}.v-cropper-am-left{width:55%}.v-cropper-am-right{width:45%}.v-cropper-am-cropper{height:300px;background:#eee;background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-position:0 0,12px 12px;background-size:24px 24px}.v-cropper-am-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.v-cropper-am-preview{width:220px;height:220px;margin:0 auto;overflow:hidden;border:1px solid;border-radius:50%}.v-cropper-am-preview img{width:100%;height:100%}.v-cropper-am-group{display:flex;padding-top:8px;margin-top:8px;border-top:1px solid;justify-content:space-around;align-items:center}.v--cropper-avatar[data-v-45525b4a]{display:inline-block;text-align:center}.v--cropper-avatar-image-wrapper[data-v-45525b4a]{overflow:hidden;cursor:pointer;border:1px solid;border-radius:50%}.v--cropper-avatar-image-wrapper img[data-v-45525b4a]{width:100%}.v--cropper-avatar-image-mask[data-v-45525b4a]{position:absolute;width:inherit;height:inherit;cursor:pointer;background:rgba(0,0,0,.4);border:inherit;border-radius:inherit;opacity:0;transition:opacity .4s}.v--cropper-avatar-image-mask[data-v-45525b4a] svg{margin:auto}.v--cropper-avatar-image-mask[data-v-45525b4a]:hover{opacity:40}.v--cropper-avatar-upload-btn[data-v-45525b4a]{margin:10px auto}.user-info-head[data-v-45525b4a]{position:relative;display:inline-block}.img-circle[data-v-45525b4a]{border-radius:50%}.img-lg[data-v-45525b4a]{width:120px;height:120px}.user-info-head[data-v-45525b4a]:hover:after{position:absolute;top:0;right:0;bottom:0;left:0;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:110px;color:#eee;cursor:pointer;background:rgba(0,0,0,.5);border-radius:50%;content:"+"}.change-avatar img[data-v-91965095]{display:block;height:100%;width:auto}.change-avatar[data-v-91965095] .el-avatar>img{height:100%;width:auto}.change-avatar[data-v-91965095] .user-info-head,.change-avatar[data-v-91965095] .user-info-head>span{width:104px;height:60px;border-radius:0%;background:white}.change-avatar[data-v-91965095] .user-info-head:hover:after{text-align:center;border-radius:0%;line-height:60px}