mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-15 13:22:49 +00:00
2 lines
3.6 KiB
CSS
Vendored
2 lines
3.6 KiB
CSS
Vendored
.micro-modal{width:100vw;height:100vh;will-change:auto}.micro-modal.transparent-mode{--modal-mask-bg: transparent;--modal-close-display: none;--modal-resize-display: none;--modal-content-left: 0;--modal-content-min-width: 100%;--modal-content-max-width: 100%;--modal-body-border-radius: 0;--modal-body-background-color: transparent}@media (max-width: 768px){.micro-modal{--modal-mask-bg: transparent;--modal-close-display: none;--modal-resize-display: none;--modal-content-left: 0;--modal-content-min-width: 100%;--modal-content-max-width: 100%;--modal-body-border-radius: 0;--modal-slide-transform: translate(0, 15%) scale(.98)}}.micro-modal-hidden{pointer-events:none;animation:fade-hide-zindex 0s forwards;animation-delay:.3s}@keyframes fade-hide-zindex{to{width:0;height:0;overflow:hidden;visibility:hidden}}.micro-modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--modal-mask-bg, rgba(0, 0, 0, .4))}.micro-modal-tools{position:absolute;top:var(--status-bar-height, 0);left:-40px;z-index:2;min-width:40px;min-height:40px;display:var(--modal-close-display, black);overflow:hidden}.micro-modal-tools>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--modal-close-color, #ffffff);cursor:pointer}.micro-modal-tools>div:hover>svg{transform:rotate(-90deg)}.micro-modal-tools>div>svg{width:24px;height:24px;transition:transform .2s ease-in-out}.micro-modal-tools>div+div{display:none}.micro-modal-tools.expanded{min-height:120px}.micro-modal-tools.expanded:hover>div+div{opacity:1}.micro-modal-tools.expanded>div:hover>svg{transform:scale(1.2)}.micro-modal-tools.expanded>div+div{display:flex;opacity:0;transition:opacity .2s ease-in-out}.micro-modal-resize{display:var(--modal-resize-display, "block");position:absolute;top:0;bottom:0;left:0;z-index:1;width:5px}.micro-modal-content{position:absolute;top:0;right:0;bottom:0;left:var(--modal-content-left, auto);display:flex;flex-direction:column;height:100%;min-width:var(--modal-content-min-width, auto);max-width:var(--modal-content-max-width, calc(100% - 40px))}.micro-modal-body{flex:1;height:0;overflow:hidden;border-radius:var(--modal-body-border-radius, 18px 0 0 18px);background-color:var(--modal-body-background-color, #ffffff);position:relative}.micro-modal-fade-enter-active,.micro-modal-fade-leave-active{transition:all .2s ease}.micro-modal-fade-enter,.micro-modal-fade-leave-to{opacity:0}.micro-modal-slide-enter-active,.micro-modal-slide-leave-active{transition:all .2s ease}.micro-modal-slide-enter,.micro-modal-slide-leave-to{transform:var(--modal-slide-transform, translate(15%, 0) scale(.98));opacity:0}body.dark-mode-reverse .micro-modal:not(.transparent-mode):not(.no-dark-content){--modal-mask-bg: rgba(230, 230, 230, .6);--modal-close-color: #323232}body.dark-mode-reverse .micro-modal:not(.transparent-mode).no-dark-content{--modal-mask-bg: rgba(20, 20, 20, .6);--modal-body-background-color: #000000}.micro-app-iframe[data-v-101ca27a]{position:relative;width:100%;height:100%}.micro-app-iframe .micro-app-iframe-container[data-v-101ca27a]{border:none;width:100%;height:100%;padding-top:var(--status-bar-height);padding-bottom:var(--navigation-bar-height)}.micro-app-iframe .micro-app-iframe-container.iframe-immersive[data-v-101ca27a]{padding-top:0;padding-bottom:0}.micro-app-iframe .micro-app-iframe-cover[data-v-101ca27a]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.micro-app-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.transparent-mode .micro-app-loader{background-color:#fff9}.micro-app-assist{width:0;height:0;opacity:0;display:none;visibility:hidden;pointer-events:none}
|