/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2024 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github 代码仓库：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */

/* @owner: SenHuoGe 后台达人列表头像缩略图兜底样式（防止溢出行高） */
.layui-table td {
    vertical-align: middle;
}
.layui-table td img {
    max-width: 100%;
    vertical-align: middle;
}
.layui-table td .headimg-thumb,
.layui-table td img.headimg-thumb {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px;
    max-height: 28px;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: inline-block !important;
    vertical-align: middle !important;
    border: 1px solid #eee;
    margin: 0 !important;
}

/* @owner: SenHuoGe 后台左上角站点 Logo（sysconf:site_logo） */
.sw-site-logo {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    object-fit: cover;
    margin-right: 8px;
    vertical-align: middle;
}
.sw-site-logo[src=""],
.sw-site-logo:not([src]) {
    display: none;
}

/* @owner: SenHuoGe 修正弹窗中 label.relative.block 结构内上传图标错位
 * 结构：<label class="layui-form-item relative block"><span class="help-label"/><input/><a class="input-right-icon"/></label>
 * 问题：a 的 top:1px/right:1px 相对 label 顶部，而 label 内部 help-label 占一行，导致图标偏离 input 右侧
 * 方案：在 label.relative.block 作用域下，把图标改为底对齐 input 行
 */
label.layui-form-item.relative.block {
    position: relative;
}
label.layui-form-item.relative.block > .input-right-icon {
    top: auto !important;
    bottom: 1px !important;
    right: 1px !important;
    height: 36px;
    line-height: 36px;
    width: 38px;
    z-index: 10;
    cursor: pointer;
}
label.layui-form-item.relative.block > .layui-input[data-tips-image],
label.layui-form-item.relative.block > .layui-input[readonly] {
    padding-right: 42px;
}