Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

ノートのインスタンス情報の背景色が反映されないことがあるのを修正する

Browse source
This commit is contained in:
xianon 2022-05-18 04:10:59 +09:00
parent e3f2d469c0
commit de920dfc53
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/client/src/components/instance-ticker.vue
View file

@ -7,6 +7,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { } from 'vue'; import { } from 'vue';
import tinycolor from 'tinycolor2';
import { instanceName } from '@/config'; import { instanceName } from '@/config';
const props = defineProps<{ const props = defineProps<{
@ -24,10 +25,10 @@ const instance = props.instance ?? {
themeColor: (document.querySelector('meta[name="theme-color-orig"]') as HTMLMetaElement)?.content themeColor: (document.querySelector('meta[name="theme-color-orig"]') as HTMLMetaElement)?.content
}; };
const themeColor = instance.themeColor ?? '#777777'; const themeColor = tinycolor(instance.themeColor ?? '#777777');
const bg = { const bg = {
background: `linear-gradient(90deg, ${themeColor}, ${themeColor}00)` background: `linear-gradient(90deg, ${themeColor}, ${themeColor.clone().setAlpha(0)})`
}; };
</script> </script>