mirror of
https://github.com/LiuYuYang01/ThriveX-Blog.git
synced 2026-06-09 08:42:35 +08:00
调整细节
This commit is contained in:
@@ -39,14 +39,14 @@
|
||||
border-radius: $round;
|
||||
|
||||
.reply {
|
||||
right: 1%;
|
||||
right: 2%;
|
||||
}
|
||||
}
|
||||
|
||||
// 回复按钮布局
|
||||
.reply {
|
||||
position: absolute;
|
||||
right: -11%;
|
||||
right: -15%;
|
||||
padding: 5px 10px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
|
||||
@@ -6,7 +6,7 @@ export default () => {
|
||||
<>
|
||||
<div className="flex justify-center items-center mt-8 bg-white dark:bg-black-b border-t dark:border-black-b h-32 sm:h-36 xl:h-40 py-5 px-10 transition-colors">
|
||||
<Image src={avatar} alt='作者头像' className='w-24 h-24 rounded-full mr-8 avatar-animation shadow-[5px_11px_50px_40px_rgba(255,255,255,0.1)]' />
|
||||
<h2 className="w-[90%] xl:w-3/6 text-sm sm:text-base dark:text-[#8c9ab1]">一直对网站开发领域很感兴趣,从小就希望有一个属于自己的网站,在17年时候成功进入站长圈,并通过各种自学,以及各种折腾,才有了你现在看到的这个网站</h2>
|
||||
<h2 className="w-[90%] xl:w-3/6 text-sm sm:text-base dark:text-[#8c9ab1] line-clamp-4">一直对网站开发领域很感兴趣,从小就希望有一个属于自己的网站,在17年时候成功进入站长圈,并通过各种自学,以及各种折腾,才有了你现在看到的这个网站</h2>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
|
||||
@@ -13,7 +13,7 @@ export default ({ list, open, onClose }: Props) => {
|
||||
return (
|
||||
<>
|
||||
<div className={`flex fixed top-0 left-0 ${open ? 'w-full' : 'w-0'} h-full z-[60] transition-width`}>
|
||||
<div className={`overflow-hidden ${open ? 'w-6/12 p-5' : 'w-0'} border-r dark:border-[#2b333e] bg-[rgba(255,255,255,0.9)] dark:bg-[rgba(44,51,62,0.9)] backdrop-blur-[5px] transition-width`}>
|
||||
<div className={`overflow-hidden ${open ? 'w-8/12 p-5' : 'w-0'} border-r dark:border-[#2b333e] bg-[rgba(255,255,255,0.9)] dark:bg-[rgba(44,51,62,0.9)] backdrop-blur-[5px] transition-width`}>
|
||||
<ul className="flex flex-col space-y-2">
|
||||
{list.map(one => (
|
||||
<li key={one.id} className="group/one relative hover:bg-[#e0e6ec] dark:hover:bg-[#495362] rounded-md transition-colors">
|
||||
@@ -48,7 +48,7 @@ export default ({ list, open, onClose }: Props) => {
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className={`overflow-hidden h-full bg-[rgba(0,0,0,0.6)] ${open ? 'w-6/12' : 'w-0'}`} onClick={onClose}></div>
|
||||
<div className={`overflow-hidden h-full bg-[rgba(0,0,0,0.6)] ${open ? 'w-4/12' : 'w-0'}`} onClick={onClose}></div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user