chore: white text for background

This commit is contained in:
원더 2021-02-12 11:36:36 +09:00
parent 5bd2c7622e
commit a23d02f518

View File

@ -33,7 +33,7 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
if (!data || !data.id) return <NotFound /> if (!data || !data.id) return <NotFound />
if(data.vanity && data.vanity !== router.query.id) router.push(`/bots/${data.vanity}`) if(data.vanity && data.vanity !== router.query.id) router.push(`/bots/${data.vanity}`)
else footerControl(false) else footerControl(false)
return <div style={bg ? { background: `linear-gradient(to right, rgba(34, 36, 38, 0.68), rgba(34, 36, 38, 0.68)), url("${data.bg}") center top / cover no-repeat fixed`, color: 'white' } : {}}> return <div style={bg ? { background: `linear-gradient(to right, rgba(34, 36, 38, 0.68), rgba(34, 36, 38, 0.68)), url("${data.bg}") center top / cover no-repeat fixed` } : {}}>
<Container paddingTop className='py-10'> <Container paddingTop className='py-10'>
<SEO <SEO
title={data.name} title={data.name}
@ -105,7 +105,7 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
</div> </div>
</div> </div>
<Divider className='px-5' /> <Divider className='px-5' />
<div className='lg:flex lg:flex-row-reverse'> <div className='lg:flex lg:flex-row-reverse' style={bg ? { color: 'white' } : {}}>
<div className='mb-1 w-full lg:w-1/4'> <div className='mb-1 w-full lg:w-1/4'>
<h2 className='3xl mb-2 font-bold'></h2> <h2 className='3xl mb-2 font-bold'></h2>
<div className='grid gap-4 grid-cols-2 px-4 py-4 text-black dark:text-gray-400 dark:bg-discord-black bg-little-white rounded-sm'> <div className='grid gap-4 grid-cols-2 px-4 py-4 text-black dark:text-gray-400 dark:bg-discord-black bg-little-white rounded-sm'>
@ -193,7 +193,7 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
</div> </div>
<div className='markdown-body pt-10 w-full lg:pr-5 lg:w-3/4'> <div className='markdown-body pt-10 w-full lg:pr-5 lg:w-3/4'>
<Advertisement /> <Advertisement />
<Segment> <Segment className='my-4'>
<Markdown text={data.desc}/> <Markdown text={data.desc}/>
</Segment> </Segment>
<Advertisement /> <Advertisement />
@ -201,7 +201,7 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
</div> </div>
</Container> </Container>
<Footer color='bg-transparent dark:text-discord-black text-white hidden md:block transform rotate-180' theme={theme} setTheme={setTheme} /> <Footer color='bg-transparent text-discord-black text-white hidden md:block transform rotate-180' theme={theme} setTheme={setTheme} />
</div> </div>
} }