Support darkmode
This commit is contained in:
parent
a9ae9a65c8
commit
a5eb19c878
1 changed files with 9 additions and 8 deletions
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="mkw-broadcast"
|
<div class="anltbovirfeutcigvwgmgxipejaeozxi"
|
||||||
:data-found="broadcasts.length != 0"
|
:data-found="broadcasts.length != 0"
|
||||||
:data-melt="props.design == 1"
|
:data-melt="props.design == 1"
|
||||||
:data-mobile="platform == 'mobile'"
|
:data-mobile="platform == 'mobile'"
|
||||||
|
@ -25,7 +25,6 @@
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import define from '../../../common/define-widget';
|
import define from '../../../common/define-widget';
|
||||||
import { lang } from '../../../config';
|
|
||||||
|
|
||||||
export default define({
|
export default define({
|
||||||
name: 'broadcast',
|
name: 'broadcast',
|
||||||
|
@ -67,7 +66,7 @@ export default define({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
.mkw-broadcast
|
root(isDark)
|
||||||
padding 10px
|
padding 10px
|
||||||
border solid 1px #4078c0
|
border solid 1px #4078c0
|
||||||
border-radius 6px
|
border-radius 6px
|
||||||
|
@ -134,15 +133,11 @@ export default define({
|
||||||
z-index 1
|
z-index 1
|
||||||
margin 0
|
margin 0
|
||||||
font-size 0.7em
|
font-size 0.7em
|
||||||
color #555
|
color isDark ? #fff : #555
|
||||||
|
|
||||||
&.fetching
|
&.fetching
|
||||||
text-align center
|
text-align center
|
||||||
|
|
||||||
a
|
|
||||||
color #555
|
|
||||||
text-decoration underline
|
|
||||||
|
|
||||||
> a
|
> a
|
||||||
display block
|
display block
|
||||||
font-size 0.7em
|
font-size 0.7em
|
||||||
|
@ -151,4 +146,10 @@ export default define({
|
||||||
> p
|
> p
|
||||||
color #fff
|
color #fff
|
||||||
|
|
||||||
|
.anltbovirfeutcigvwgmgxipejaeozxi[data-darkmode]
|
||||||
|
root(true)
|
||||||
|
|
||||||
|
.anltbovirfeutcigvwgmgxipejaeozxi:not([data-darkmode])
|
||||||
|
root(false)
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue