index-23075c42.css 6.9 KB

123456789
  1. /**
  2. * 由 Fantastic-admin 提供技术支持
  3. * Powered by Fantastic-admin
  4. * Gitee https://gitee.com/hooray/fantastic-admin
  5. * Github https://github.com/hooray/fantastic-admin
  6. */
  7. .icon-picker[data-v-e7c51d7c]{--icon-picker-size: var(--el-component-size);--icon-picker-font-size: var(--el-font-size-large);width:var(--icon-picker-size);height:var(--icon-picker-size);text-align:center;color:var(--el-text-color-regular);border:var(--el-border);border-radius:var(--el-border-radius-base);cursor:pointer;transition:.3s;font-size:var(--icon-picker-font-size);vertical-align:middle}.icon-picker--small[data-v-e7c51d7c]{--icon-picker-size: var(--el-component-size-small);--icon-picker-font-size: var(--el-font-size-medium)}.icon-picker--large[data-v-e7c51d7c]{--icon-picker-size: var(--el-component-size-large);--icon-picker-font-size: var(--el-font-size-extra-large)}.icon-picker[data-v-e7c51d7c]:hover{border:1px solid var(--el-border-color-darker)}.icon-picker.empty[data-v-e7c51d7c]{color:var(--el-text-color-placeholder);border:1px dashed var(--el-border-color)}.icon-picker.empty[data-v-e7c51d7c]:hover{color:var(--el-text-color-regular);border:1px solid var(--el-border-color-darker)}.icon-picker-dialog-body[data-v-e7c51d7c]{display:flex;height:500px;margin:calc((var(--el-dialog-padding-primary) + 10px + 30px) * -1) calc(var(--el-dialog-padding-primary) * -1) calc((var(--el-dialog-padding-primary) + 10px) * -1) calc(var(--el-dialog-padding-primary) * -1)}.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__nav-prev,.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__nav-next{background-image:linear-gradient(to right,transparent,var(--el-fill-color))}.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__header .el-tabs__nav .el-tabs__active-bar{z-index:0;width:100%;background-color:unset;background-image:linear-gradient(to right,transparent,var(--el-fill-color));border-right:2px solid var(--el-color-primary);transition:.3s}.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__header .el-tabs__nav .el-tabs__item{position:relative;margin-bottom:-2px;height:auto;transition:.3s}.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__header .el-tabs__nav .el-tabs__item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-image:linear-gradient(to right,transparent,var(--el-fill-color))}.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__header .el-tabs__nav .el-tabs__item .icon-label{display:flex;flex-direction:column;width:120px;text-align:left;line-height:20px;padding:15px 0}.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__header .el-tabs__nav .el-tabs__item .icon-label .name{font-size:16px;margin-bottom:2px;white-space:normal;word-break:initial}.icon-picker-dialog-body .el-tabs[data-v-e7c51d7c] .el-tabs__header .el-tabs__nav .el-tabs__item .icon-label .total{font-size:12px}.icon-picker-dialog-body .main-container[data-v-e7c51d7c]{flex:1;margin-right:15px}.icon-picker-dialog-body .main-container .search-bar[data-v-e7c51d7c]{margin:0 75px}.icon-picker-dialog-body .main-container .search-bar .el-input[data-v-e7c51d7c]{margin-top:20px}.icon-picker-dialog-body .main-container .list-icon[data-v-e7c51d7c]{position:relative;margin:15px 0;min-height:160px}.icon-picker-dialog-body .main-container .list-icon .list-icon-item[data-v-e7c51d7c]{margin:5px;box-sizing:content-box;padding:15px;font-size:28px;cursor:pointer;border:1px solid var(--el-border-color);transition:var(--el-transition-border)}.icon-picker-dialog-body .main-container .list-icon .list-icon-item[data-v-e7c51d7c]:nth-child(6n+6){margin-right:0}.icon-picker-dialog-body .main-container .list-icon .list-icon-item[data-v-e7c51d7c]:not(.empty):hover{border-color:var(--el-border-color-darker);background-color:var(--el-fill-color);color:var(--el-color-primary);transition:background-color .3s,var(--el-transition-border),var(--el-transition-color)}.icon-picker-dialog-body .main-container .list-icon .list-icon-item.empty[data-v-e7c51d7c]{border-color:transparent;color:var(--el-text-color-placeholder);transition:var(--el-transition-color)}.icon-picker-dialog-body .main-container .list-icon .list-icon-item.empty[data-v-e7c51d7c]:hover{color:var(--el-text-color-disabled)}.icon-picker-dialog-body .main-container .list-icon .list-icon-preview-item[data-v-e7c51d7c]{display:none;position:absolute;box-sizing:content-box;padding:10px;border:1px solid var(--el-border-color-darker);font-size:108px;background:var(--el-fill-color);color:var(--el-color-primary)}.icon-picker-dialog-body .main-container .list-icon .list-icon-preview-item.top-left[data-v-e7c51d7c]{display:block;top:5px;left:5px}.icon-picker-dialog-body .main-container .list-icon .list-icon-preview-item.top-right[data-v-e7c51d7c]{display:block;top:5px;right:5px}.icon-picker-dialog-body .main-container .list-icon .list-icon-preview-item.bottom-left[data-v-e7c51d7c]{display:block;bottom:5px;left:5px}.icon-picker-dialog-body .main-container .list-icon .list-icon-preview-item.bottom-right[data-v-e7c51d7c]{display:block;bottom:5px;right:5px}.icon-picker-dialog-body .main-container .el-pagination[data-v-e7c51d7c]{display:flex;justify-content:center}.form[data-v-c54591c8]{flex:1;position:relative;width:100%;overflow:auto;display:flex;flex-direction:column}.form .top-side[data-v-c54591c8]{flex:1;height:0;display:flex}.form .top-side .el-form[data-v-c54591c8]{flex:1;display:flex}.form .top-side .page-header[data-v-c54591c8]{background-color:var(--el-disabled-bg-color);margin-bottom:0}.form .top-side .form-left-side[data-v-c54591c8]{flex:1;padding:var(--container-padding);background-color:var(--g-app-bg);transition:background-color .3s;overflow:auto}.form .top-side .form-left-side .label-tip[data-v-c54591c8]{display:inline-flex;margin-left:10px;color:var(--el-text-color-disabled)}.form .top-side .form-left-side[data-v-c54591c8] .el-scrollbar__view{overflow-x:hidden}.form .top-side .form-right-side[data-v-c54591c8]{display:flex;flex-direction:column;width:500px;padding:var(--container-padding);border-left:1px dashed var(--el-disabled-border-color);background-color:var(--g-app-bg);transition:background-color .3s}.form .top-side .form-right-side[data-v-c54591c8] .el-table{height:100%;margin-top:15px}.form .top-side .form-right-side[data-v-c54591c8] .el-table .el-table__row .index{display:inline-block}.form .top-side .form-right-side[data-v-c54591c8] .el-table .el-table__row .delete,.form .top-side .form-right-side[data-v-c54591c8] .el-table .el-table__row:hover .index{display:none}.form .top-side .form-right-side[data-v-c54591c8] .el-table .el-table__row:hover .delete{display:inline-block}.form .top-side .form-right-side[data-v-c54591c8] .el-table .el-table__row .el-tag.sortable,.form .top-side .form-right-side[data-v-c54591c8] .el-table .el-table__row .el-tag.sortable .el-icon{cursor:s-resize}.form .bottom-side[data-v-c54591c8]{padding:var(--container-padding);border-top:1px dashed var(--el-disabled-border-color);background-color:var(--g-app-bg);transition:background-color .3s;display:flex;justify-content:center}