1580158
/
sd-webui-infinite-image-browsing
mirror of https://github.com/zanllp/sd-webui-infinite-image-browsing.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #9 from zanllp/dark-mode 

更好的动态变换实现
pull/11/head
zanllp 2023-04-01 19:03:01 +08:00 committed by GitHub
parent b962ca0459 b1aa662e73
commit 95e89f1262
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 150 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
javascript/index.js
View File

@ -6,7 +6,7 @@
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<script type="module" crossorigin src="/baidu_netdisk/fe-static/assets/index-0e061578.js"></script>
<script type="module" crossorigin src="/baidu_netdisk/fe-static/assets/index-f67fe94d.js"></script>
<link rel="stylesheet" href="/baidu_netdisk/fe-static/assets/index-e5550e6b.css">
</head>
<body>

139
vue/dist/assets/antd.dark-6fb13a95.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

138
vue/dist/assets/antd.dark-c307ed1f.css vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/assets/index-0e061578.js → vue/dist/assets/index-f67fe94d.js vendored
View File

File diff suppressed because one or more lines are too long

2
vue/dist/index.html vendored
View File

@ -5,7 +5,7 @@
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<script type="module" crossorigin src="/baidu_netdisk/fe-static/assets/index-0e061578.js"></script>
<script type="module" crossorigin src="/baidu_netdisk/fe-static/assets/index-f67fe94d.js"></script>
<link rel="stylesheet" href="/baidu_netdisk/fe-static/assets/index-e5550e6b.css">
</head>
<body>

13
vue/src/main.ts
View File

@ -14,12 +14,15 @@ pinia.use(piniaPluginPersistedstate)
createApp(App).use(pinia).mount('#zanllp_dev_gradio_fe')
const dark = usePreferredDark()
watch(dark, (dark) => {
watch(dark, async (dark) => {
const head = document.getElementsByTagName('head')[0]
if (dark) {
import('ant-design-vue/dist/antd.dark.css')
const darkStyle = document.createElement('style')
const { default: css } = await import('ant-design-vue/dist/antd.dark.css?inline')
darkStyle.innerHTML = css
darkStyle.setAttribute('antd-dark', '')
head.appendChild(darkStyle)
} else {
const head = document.getElementsByTagName('head')[0]
Array.from(head.querySelectorAll('link[href*="antd.dark"]')).forEach(e => e.remove()); // for prod
Array.from(head.querySelectorAll('style[data-vite-dev-id*="antd.dark"]')).forEach(e => e.remove()); // for dev
Array.from(head.querySelectorAll('style[antd-dark]')).forEach(e => e.remove()) // for dev
}
}, { immediate: true })