二维码溢出;
移动端边距;
详情页标签;
文章分类页hover颜色;
This commit is contained in:
tangly1024
2021-12-02 14:05:58 +08:00
parent 5bebb95bad
commit 2c7c37fe0e
5 changed files with 37 additions and 34 deletions

View File

@@ -12,8 +12,10 @@ const CategoryList = ({ currentCategory, categories }) => {
return (
<Link key={category} href={`/category/${category}`}>
<li
className={`cursor-pointer border hover:bg-gray-300 rounded-xl duration-200 mr-1 my-1 px-2 py-1 font-medium font-light text-sm whitespace-nowrap
dark:text-gray-300 dark:hover:bg-gray-800 ${selected ? 'text-white bg-black dark:hover:bg-gray-900 dark:bg-black dark:border-gray-800' : 'bg-gray-100 text-gray-600 dark:bg-gray-600 dark:border-gray-600'
className={`cursor-pointer border rounded-xl duration-200 mr-1 my-1 px-2 py-1 font-medium font-light text-sm whitespace-nowrap dark:text-gray-300
${selected
? 'text-white bg-black dark:hover:bg-gray-900 dark:bg-black dark:border-gray-800'
: 'bg-gray-100 text-gray-600 hover:bg-gray-300 dark:bg-gray-600 dark:border-gray-600'
}`}
>
<a>

View File

@@ -24,8 +24,8 @@ const RewardButton = () => {
</div>
<div id='reward-qrcode' className='hidden flex space-x-10 animate__animated animate__fadeIn duration-200 my-5 px-5 mx-auto py-6 justify-center bg-white dark:bg-black dark:text-gray-200'>
<img className='md:w-72' src='/reward_code_alipay.png' />
<img className='md:w-72' src='/reward_code_wechat.png' />
<div><img className='md:w-72' src='/reward_code_alipay.png' /></div>
<div><img className='md:w-72' src='/reward_code_wechat.png' /></div>
</div>
</div>
)