调整细节

This commit is contained in:
宇阳
2024-10-08 12:22:42 +08:00
parent 49933cb0cc
commit c3fbae9775
3 changed files with 5 additions and 5 deletions

View File

@@ -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;

View File

@@ -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>
</>
)

View File

@@ -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>
</>
)