adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
2 lines (1 loc) • 3.37 kB
CSS
.adui-channels-message-wrapper{position:fixed;top:0;left:0;z-index:var(--z-index-message);width:100vw;opacity:0;transform:translate3d(var(--message-offset-x), calc(-56px + var(--message-offset-y)), 0);transition:all var(--motion-duration-base) var(--ease-in-out)}.adui-channels-message-base{position:fixed;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding-left:16px;padding-right:12px;min-width:230px;height:40px;background-color:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.13);transition:all var(--motion-duration-base) var(--ease-in-out)}.adui-channels-message-hasActions{padding-right:4px}.adui-channels-message-icon{flex:none;margin-right:8px}.adui-channels-message-content{font-size:14px;line-height:20px;color:rgba(0,0,0,.9)}.adui-channels-message-actions{flex:none;display:flex;align-items:center;margin-left:12px}.adui-channels-message-action:not(:last-child){position:relative;margin-right:9px}.adui-channels-message-action:not(:last-child)::after{content:"";position:absolute;top:50%;right:-5px;margin-top:-8px;width:1px;height:16px;background-color:#6b6b6b;opacity:.2}.adui-channels-message-primary .adui-channels-message-icon,.adui-channels-message-success .adui-channels-message-icon,.adui-channels-message-warning .adui-channels-message-icon,.adui-channels-message-danger .adui-channels-message-icon{fill:#fff}.adui-channels-message-primary .adui-channels-message-actions button,.adui-channels-message-success .adui-channels-message-actions button,.adui-channels-message-warning .adui-channels-message-actions button,.adui-channels-message-danger .adui-channels-message-actions button{color:rgba(255,255,255,.5) }.adui-channels-message-primary .adui-channels-message-actions button svg,.adui-channels-message-success .adui-channels-message-actions button svg,.adui-channels-message-warning .adui-channels-message-actions button svg,.adui-channels-message-danger .adui-channels-message-actions button svg{fill:#fff ;opacity:.5;transition:all var(--motion-duration-base) var(--ease-in-out)}.adui-channels-message-primary .adui-channels-message-actions button::after,.adui-channels-message-success .adui-channels-message-actions button::after,.adui-channels-message-warning .adui-channels-message-actions button::after,.adui-channels-message-danger .adui-channels-message-actions button::after{background-color:#fff }.adui-channels-message-primary .adui-channels-message-actions button:hover,.adui-channels-message-success .adui-channels-message-actions button:hover,.adui-channels-message-warning .adui-channels-message-actions button:hover,.adui-channels-message-danger .adui-channels-message-actions button:hover{color:#fff }.adui-channels-message-primary .adui-channels-message-actions button:hover svg,.adui-channels-message-success .adui-channels-message-actions button:hover svg,.adui-channels-message-warning .adui-channels-message-actions button:hover svg,.adui-channels-message-danger .adui-channels-message-actions button:hover svg{opacity:1}.adui-channels-message-primary .adui-channels-message-action::after,.adui-channels-message-success .adui-channels-message-action::after,.adui-channels-message-warning .adui-channels-message-action::after,.adui-channels-message-danger .adui-channels-message-action::after{background-color:#fff}