github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-15 05:12:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2025-05-17 07:09:47 +08:00
parent 10f5af5f09
commit 98e4c81b9b
3 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/assets/js/components/MicroApps/modal.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-transfer-dom :data-transfer="true" :class="{'transparent-mode': transparent }"> <div v-transfer-dom :data-transfer="true" :class="{'micro-modal': value, 'transparent-mode': transparent }">
<transition :name="transitions[0]"> <transition :name="transitions[0]">
<div v-if="value" class="micro-modal-mask" @click="onClose" :style="maskStyle"></div> <div v-if="value" class="micro-modal-mask" @click="onClose" :style="maskStyle"></div>
</transition> </transition>
@ -134,6 +134,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.micro-modal { .micro-modal {
width: 100vw;
height: 100vh;
&-mask { &-mask {
position: fixed; position: fixed;
top: 0; top: 0;

39
resources/assets/js/functions/web.js vendored
View File

@ -996,8 +996,8 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
}, },
reverseFilter() { reverseFilter() {
return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(110%) !important; ' + return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(100%) !important; ' +
'filter: invert(100%) hue-rotate(180deg) contrast(110%) !important;'; 'filter: invert(100%) hue-rotate(180deg) contrast(100%) !important;';
}, },
noneFilter() { noneFilter() {
@ -1064,12 +1064,9 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
video, video,
iframe, iframe,
canvas, canvas,
:not(object):not(body) > embed,
object,
svg image,
[style*="background:url"], [style*="background:url"],
[style*="background-image:url"],
[style*="background: url"], [style*="background: url"],
[style*="background-image:url"],
[style*="background-image: url"], [style*="background-image: url"],
[background], [background],
.no-dark-mode, .no-dark-mode,
@ -1079,15 +1076,18 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
will-change: transform; will-change: transform;
} }
input,
.no-dark-content img, .no-dark-content img,
.no-dark-content video,
.no-dark-content iframe,
.no-dark-content canvas, .no-dark-content canvas,
.no-dark-content svg image,
.no-dark-content [style*="background:url"], .no-dark-content [style*="background:url"],
.no-dark-content [style*="background-image:url"],
.no-dark-content [style*="background: url"], .no-dark-content [style*="background: url"],
.no-dark-content [style*="background-image:url"],
.no-dark-content [style*="background-image: url"], .no-dark-content [style*="background-image: url"],
.no-dark-content [background], .no-dark-content [background] {
${this.utils.noneFilter()}
}
.fullscreen-mode img, .fullscreen-mode img,
.fullscreen-mode video, .fullscreen-mode video,
.fullscreen-mode iframe, .fullscreen-mode iframe,
@ -1095,6 +1095,25 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
${this.utils.noneFilter()} ${this.utils.noneFilter()}
} }
/* Micro App */
.micro-modal {
${this.utils.reverseFilter()}
will-change: auto;
}
.micro-modal img,
.micro-modal video,
.micro-modal iframe,
.micro-modal canvas,
.micro-modal [style*="background:url"],
.micro-modal [style*="background: url"],
.micro-modal [style*="background-image:url"],
.micro-modal [style*="background-image: url"],
.micro-modal [background] {
${this.utils.noneFilter()}
will-change: auto;
}
/* Text contrast */ /* Text contrast */
html { html {
text-shadow: 0 0 0 !important; text-shadow: 0 0 0 !important;

2
resources/assets/js/store/actions.js vendored
View File

@ -4680,7 +4680,7 @@ export default {
event[key] = menuItem[key] event[key] = menuItem[key]
} }
} }
emitter.emit('observeMicroApp', event); emitter.emit('observeMicroApp:open', event);
}, },
/** /**