jsite/jingrow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

简化右上角登录按钮及美化Hero组件

Browse Source
This commit is contained in:
jingrow 2025-06-18 20:33:34 +08:00
parent b7f2a4204f
commit 1f1e5c5218
4 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/headers/LoginButton.jsx
View File

@ -4,7 +4,7 @@ export default function LoginButton() {
return (
<a
href="https://cloud.jingrow.com/dashboard/login"
className="btn btn-ash !text-[.7rem] !text-[#333333] hover:!border-[#333333] focus:shadow-[rgba(134,140,151,1)] !rounded-[50rem] !mb-2 !mr-[.25rem]">
className="!text-[.7rem] !text-[#333333] ">
登录
</a>
);

6
components/homes/home-15/CategoryItems.jsx
View File

@ -168,16 +168,16 @@ export default function CategoryItems({ pagetype = "", category = "", category_s
<div className="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
{post.additional_title}
</div>
<h2 className="post-title !mt-1 !leading-[1.35] !mb-0">
<h2 className="post-title !mt-1 !leading-[1.35] !mb-0 text-base md:!text-[0.85rem]">
<Link
className="!text-[#343f52] hover:!text-[#3f78e0]"
className="!text-[#333333] hover:!text-[#1fc76f]"
href={post.slug ? `/${category_slug}/${post.slug}` : "#"}
>
{post.title}
</Link>
</h2>
</div>
<div className="!relative">
<div className="!relative !text-[0.7rem]">
<p>{getSummary(post.subtitle)}</p>
</div>
</div>

22
components/homes/home-15/Hero.jsx
View File

@ -61,7 +61,7 @@ export default function Hero() {
<div className="flex flex-wrap mx-[-15px] !relative">
<div className="lg:w-8/12 xl:w-8/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !relative">
<div
className="absolute shape grape w-12 hidden xl:block lg:block"
className="absolute shape grape w-12 hidden xl:block lg:block opacity-80"
style={{ top: "-7%", left: "-13%" }}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" className="svg-inject icon-svg !w-full !h-full">
@ -73,8 +73,8 @@ export default function Hero() {
</svg>
</div>
<div
className="absolute shape violet !w-[4rem] hidden xl:block lg:block"
style={{ bottom: "28%", left: "-18%" }}
className="absolute shape violet !w-[4rem] hidden xl:block lg:block opacity-60"
style={{ bottom: "18%", left: "-10%" }}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" className="svg-inject icon-svg !w-full !h-full">
<g fill="none" stroke="#38bdf8" strokeWidth="2.5">
@ -86,10 +86,10 @@ export default function Hero() {
</svg>
</div>
<div
className="absolute shape fuchsia w-14 hidden xl:block lg:block"
className="absolute shape fuchsia w-14 hidden xl:block lg:block opacity-50"
style={{
top: "-2%",
right: "-22%",
right: "-15%",
transform: "rotate(70deg)",
}}
>
@ -103,8 +103,8 @@ export default function Hero() {
</svg>
</div>
<div
className="absolute shape yellow w-14 hidden xl:block lg:block"
style={{ bottom: "23%", right: "-15%" }}
className="absolute shape yellow w-12 hidden xl:block lg:block opacity-70"
style={{ bottom: "15%", right: "-10%" }}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" className="svg-inject icon-svg !w-full !h-full">
<g fill="none" stroke="#f472b6" strokeWidth="2.5">
@ -116,8 +116,8 @@ export default function Hero() {
</svg>
</div>
<div
className="absolute shape top-helper w-10 hidden xl:block lg:block opacity-50"
style={{ top: "-50%", left: "30%" }}
className="absolute shape top-helper w-10 hidden xl:block lg:block opacity-40"
style={{ top: "-20%", left: "30%" }}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" className="svg-inject icon-svg !w-full !h-full">
<g fill="none" stroke="#7f9cf5" strokeWidth="2">
@ -131,8 +131,8 @@ export default function Hero() {
</svg>
</div>
<div
className="absolute shape bottom-helper w-10 hidden xl:block lg:block opacity-50"
style={{ bottom: "-50%", left: "70%" }}
className="absolute shape bottom-helper w-10 hidden xl:block lg:block opacity-30"
style={{ bottom: "-20%", left: "70%" }}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" className="svg-inject icon-svg !w-full !h-full">
<g fill="none" stroke="#38bdf8" strokeWidth="2">

5
public/assets/custom.css
View File

@ -513,3 +513,8 @@ html {
border-radius: 8px;
overflow: hidden;
}
.navbar-stick:not(.navbar-dark) {
box-shadow: none !important;
background: #ffffff !important;
}