优化主播专属下载页的样式

This commit is contained in:
yezian 2024-01-27 01:07:39 +08:00
parent 1a3a8cf7d2
commit 03cd5ebc99
1 changed files with 18 additions and 18 deletions

View File

@ -108,7 +108,7 @@ export default function Download({ params }) {
alt=""
/>
</div>
<div className="flex flex-col flex-1 py-16 items-center justify-around z-10">
<div className="flex flex-col flex-1 pt-16 pb-32 items-center justify-around z-10">
<Image className="w-96" src={slogan} priority alt="" />
{deviceType === "pc" && (
<div className="flex flex-row gap-20">
@ -183,7 +183,8 @@ export default function Download({ params }) {
</p>
)}
</div>
<div className="flex flex-row items-center bg-[#13121F] fixed bottom-0 left-0 w-full rounded-t-2xl z-20 p-4">
</div>
<div className="flex flex-row items-center bg-[#13121F] w-full fixed bottom-0 left-0 rounded-t-2xl px-4 pt-4 pb-8">
<img
src={data?.cover?.images[0].urls[0]}
alt=""
@ -191,17 +192,16 @@ export default function Download({ params }) {
/>
<div className="flex flex-col flex-1 ml-4">
<p className="text-white text-base font-medium flex items-center">
{data?.name}&nbsp;
<span className="text-xs text-secondary">
{data?.name}&nbsp;&nbsp;
<span className="text-xs text-white bg-[#FFFFFF1A] px-2 py-0.5 rounded-full">
ID{data?.user_id}
</span>
</p>
<p className="text-secondary text-sm font-medium">
邀请您加入铁粉空间解锁更多福利
铁粉空间查看我的更多超顶动态
</p>
</div>
</div>
</div>
</section>
);
}